CSS3新增(1)

圆角边框:

在CSS3中,新增了圆角边框样式,这样我们的盒子就可以变圆角了

border-radius属性用于设置元素的外边框圆角。

语法:

border-radius: length;

盒子阴影:

CSS3中新增了盒子阴影,我们可以使用box-shadow属性为盒子添加阴影。

语法:

box-shadow: h-shadow v-shadow blur spread color inset;

说明

h-shadow

必需的。水平阴影的位置。允许负值

v-shadow

必需的。垂直阴影的位置。允许负值

blur

可选。模糊距离

spread

可选。阴影的大小

color

可选。阴影的颜色。在CSS颜色值

寻找颜色值的完整列表

inset

可选。从外层的阴影(开始时)改变阴影内侧阴影

文字阴影:

在CSS3中,我们可以使用text-shadow属性将阴影应用于文字

text-shadow: h-shawow v-shadow blur color;

描述

h-shadow

必需。水平阴影的位置。允许负值。

v-shadow

必需。垂直阴影的位置。允许负值。

blur

可选。模糊的距离。

color

可选。阴影的颜色。参阅 CSS 颜色值

详情可参考

https://www.runoob.com/ 菜鸟教程

https://www.w3school.com.cn/ w3c