CSS3是最新的CSS标准。CSS3被拆分为“模块”。一些最重要的CSS3模块如下:选择器、盒模型、背景和边框、文字特效、2D/3D转换、动画、多列布局、用户界面。
一、CSS3边框:
用CSS3,可以创建圆角边框、添加阴影框,并作为边界的形象而不使用设计程序。边框的属性:border-radius、box-shadow、border-image。
1)、border-radius属性用于创建圆角,示例:
#example1
{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;
}
#example2 {
border: 2px solid red;
padding: 10px;
border-radius: 50px 20px;
}
2)、box-shadow属性用来添加阴影,示例:
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 10px 10px 5px #152523;
}
3)、border-image属性可以给图像创建一个边框,示例:
div
{
border:15px solid transparent;
width:250px;
padding:10px 20px;
}
#round
{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
}