1、css3新增属性之border-color:为边框设置多种颜色
p { border-style:solid; border-color:#ff0000 #0000ff; }
这里说一下题外话,需要注意:"border-width" 属性如果单独使用的话是不会起作用的。
请首先使用 "border-style" 属性来设置边框。
2、css3新增属性之border-image:图片边框
css3的border-image属性是使用图片来创建边框
div { -webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */-o-border-image:url(border.png) 30 30 round; /* Opera */border-image:url(border.png) 30 30 round; }
注意:Internet Explorer 不支持 border-image 属性;border-image 属性规定了用作边框的图片。
3、css3新增属性之border-radius:圆角边框
div { border:2px solid; border-radius:25px; }
4、css3新增属性之box-shadow:阴影效果
css3中box-shadow 用于向方框添加阴影
div { box-shadow: 10px 10px 5px #888888; }