盒子阴影***

最新推荐文章于 2024-04-22 10:42:13 发布

倔强的小白菜

最新推荐文章于 2024-04-22 10:42:13 发布

阅读量372

点赞数

分类专栏：前端基础文章标签： html css 前端

本文链接：https://blog.csdn.net/weixin_47481102/article/details/124748720

版权

本文介绍了CSS3中box-shadow属性的用法，通过h-shadow、v-shadow、blur、spread和color参数为元素添加外部阴影。同时强调了不写'inset'时默认为外部阴影，且盒子阴影不会占用空间，不影响其他元素布局。

摘要由CSDN通过智能技术生成

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

语法：

box-shadow：h-shadow v-shadow blur spread color inset；

值	描述
h-shadow	必需，水平阴影位置，允许负值
v-shadow	必需，垂直阴影的位置，允许负值
blur	可选，模糊距离（阴影的虚实）
spread	可选，阴影的尺寸
color	可选，阴影的颜色
inset	可选，将外部阴影（outset）改为内部阴影，默认外部阴影

注意：

<!DOCTYPE html>
<html lang="en">
  &

关注

专栏目录