点击(此处)折叠或打开

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<HTML>
<HEAD>
<TITLE>CSS border用法之空心菱形和立体矩形-石家庄车库门-石家庄展柜</TITLE>
<style>
#test1 {
height:20px;
width:20px;
border-color:#FF9600 #3366ff #12ad2a #f0eb7a;
border-style:solid;
border-width:20px;
}
#test2 {
height:0;
width:0;
overflow: hidden;
font-size: 0;
line-height: 0;
border-color:#FF9600 #3366ff #12ad2a #f0eb7a;
border-style:solid;
border-width:20px;
}
</style>
</HEAD>
<BODY>
<div id=\"test1\"></div>
<br><br>
<div id=\"test2\"></div>
</BODY>
</HTML>

ITPub博客

CSS border用法之空心菱形和立体矩形