css3新特性
css3新特性
圆角
使用CSS3 border-radius
属性,你可以给任何元素制作"圆角"
border-radius
属性,可以使用以下规则:
- 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角
- 三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角
- 两个值:第一个值为左上角和右下角,第二个值为右上角和左下角
- 一个值:四个圆角值相同
阴影
box-shadow向框添加一个或多个阴影.
值 | 描述 |
---|---|
h-shadow | 必选,水平阴影的位置 |
v-shadow | 必选,垂直阴影的位置 |
blur | 可选,模糊距离 |
color | 可选,阴影的颜色 |