css3是css(层叠样式表)技术的版本升级。css3完全向后兼容,不必改变现有的设计,浏览器将永远支持css2。w3c的css3规范仍在开发。但是,许多的css3属性已在现代浏览器使用。
1 圆角border-radius
语法:
border-radius:value;四个角
border-radius:value value;左上角和右下角
border-radius:value value value value;顺时针转,左上角开始
顺时针设置 border-radius 可以快捷创建圆角
border-radius:50%;画圆
2 盒阴影box-shadow
语法 box-shadow:h-shadow v-shadow blur spread color inset;
值:h-shadow 必需。水平阴影的位置。允许负值 。
v-shadow 必需。垂直阴影的位置。允许负值。
blur 可选。模糊距离。
spread 可选。阴影的尺寸。
color 可选。阴影的颜色。请参阅css颜色值。
inset 可选。将外部阴影(outset)改为内部阴影。
3 字阴影
text-shadow:水平方向的位置 垂直方向的位置 模糊度 颜色;
正负 正负 正值