好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS3总结_html/css_WEB-ITnose

一、特殊边框

  通过 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的详细内容...

  阅读:38次