1. border-radius
使用border-radius属性,可以使元素的边框圆角化。例如:
#example {
border-radius: 10px;
}
这样就可以使元素的四个角都变成10像素的圆角。
2. box-shadow
使用box-shadow属性,可以为元素添加阴影效果。例如:
#example {
box-shadow: 2px 2px 2px #888888;
}
这个例子中,元素会出现一个2像素大小的阴影,在右下方,颜色为#888888。
3. text-shadow
使用text-shadow属性,可以在文本周围添加阴影效果。例如:
#example {
text-shadow: 1px 1px 1px #888888;
}
这个例子中,文本会出现一个1像素大小的阴影,在右下方,颜色为#888888。
4. opacity
使用opacity属性,可以控制元素的透明度。例如:
#example {
opacity: 0.5;
}
这个例子中,元素的透明度为50%。
除了这些标签,CSS3还新增了很多其他的标签和特性,例如transform、transition、animation等等,可以帮助大家实现更加炫酷的效果。学好这些标签,让你的网页更加精彩!