CSS中添加阴影的方法有哪些
导读： 使用box-shadow添加阴影 使用CSS添加阴影时，box-shadow是最常用的方法。 box-shadow:水平阴影垂直阴影模糊距离阴影的大小阴影的颜色; 水平位置和垂直位置指定阴影显示的位置 根据正值和...
使用box-shadow添加阴影
使用CSS添加阴影时，box-shadow是最常用的方法。
box-shadow:水平阴影垂直阴影模糊距离阴影的大小阴影的颜色;
水平位置和垂直位置指定阴影显示的位置
根据正值和负值，位置将如下变化。
水平位置：正值：右，负值：左
垂直位置：正值：底部，负值：上部
阴影的模糊距离和阴影的范围是决定阴影外观的数值。
所有数值单位都是px。
我们来看具体的示例
代码如下
HTML
CSS
.sample-box-shadow{
box-shadow:10px10px15px-10px;
}
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： CSS中添加阴影的方法有哪些
本文地址： https://pptw.com/jishu/664699.html