CSS border 用法举例之一:空心菱形,这一个是最好理解的,只要设置div的边框颜色,然后设置宽度和高度就行了,不要被这复杂的图形吓怕啊,其实代码很简单。在以后还将有其它更神奇的效果。
<HTML> <HEAD> <TITLE>CSS border 用法举例之一:空心菱形-126设计_126sj.cn</TITLE> <style> #test1 { height:20px; width:20px; border-color:#FF9600 #3366ff #12ad2a #f0eb7a; border-style:solid; border-width:20px; } </style> </HEAD> <BODY> <div id="test1"></div> </BODY> </HTML>