优秀的编程知识分享平台

网站首页 > 技术文章 正文

CSS3新增(1)（css3新增了哪些功能）

nanyue 2024-10-31 13:50:44 技术文章 4 ℃

圆角边框：

在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

Tags：

猜你喜欢

最近发表
标签列表