CSS border 用法举例之一:空心菱形

CSS border 用法举例之一:空心菱形,这一个是最好理解的,只要设置div的边框颜色,然后设置宽度和高度就行了,不要被这复杂的图形吓怕啊,其实代码很简单。在以后还将有其它更神奇的效果。

CSS border 用法举例之一:空心菱形

<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>

发表评论

您必须登录才能发表评论!