css怎么给一个盒子加盒阴影


本文摘自PHP中文网,作者V,侵删。

css给一个盒子加盒阴影的方法:可以利用box-shadow属性来添加盒阴影,如【box-shadow: 10px 10px 5px #888888;】。box-shadow属性可以设置一个或多个下拉阴影的框。

box-shadow属性可以设置一个或多个下拉阴影的框。

(学习视频分享:css视频教程)

语法:

1

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

提示:

boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表,每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。

属性值:

3d04c2501361cb65c266f9de67fd65b.png

举例:

阅读剩余部分

相关阅读 >>

css怎么设置字体白色描边

css grid布局是什么?grid布局的基本介绍

css column-gap属性怎么用

css怎么设置行高

css外边距如何定义

css animation-timing-function属性怎么用

css如何绘制三角形

css的rem是什么

使用 css 实现一个简单的骨架屏(skeleton screen)

css如何实现网页背景动态渐变效果

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...