通过 CSS3,能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框。边框属性:
1、border-radius:创建圆角边框
border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。
eg:
1 2 3 4 5 css3 6 7 p{ 8 border:2px solid; 9 border-radius:30px;10 text-align:center;11 }12 13 14 15 16这是一个CSS3圆角边框!
17 18
2、box-shadow:向矩形添加阴影
box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。
eg:
1 2 3 4 5 css3 6 7 div{ 8 box-shadow:10px 10px 5px #999; 9 text-align:center;10 background-color:#FF6;11 width:300px;12 height:100px;13 }14 15 16 17 18阴影效果
查看更多关于CSS3总结_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did110081