优秀的编程知识分享平台

网站首页 > 技术文章正文

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

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

圆角边框：

在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

上一篇： HTML5 给图形绘制阴影（html加阴影）
下一篇： Web前端开发-CSS布局-盒子模型入门干货

猜你喜欢

2024-10-31 ReactNative源码笔记——你知道几条?
2024-10-31 Echarts饼图展示车站客流占比图（车站客流分析）
2024-10-31 第76节 Canvas绘图(下)-前端开发之JavaScript-王唯
2024-10-31 前端开发者如何利用 CSS 实现酷炫的变色方案?
2024-10-31 html中滚动字体的设置（html字体滚动效果）
2024-10-31 熬夜总结了“HTML5画布”的知识点(共10条)
2024-10-31 CSS3线性渐变、阴影、缩放实现动画下雨效果
2024-10-31 CSS3被玩儿坏?下雨动画效果CSS就可以搞定
2024-10-31 HTML5(五)——Canvas API（h5canvas动画入门教程）
2024-10-31 CSS3 box-shadow实现背景动画（css背景视频）

16℃count(*)、count1(1)、count(主键)、count(字段) 哪个更快?

最近发表