CSS中添加阴影的方法有哪些

2024-01-17 15:54 小编

　　使用box-shadow添加阴影

　　使用CSS添加阴影时，box-shadow是最常用的方法。

　　box-shadow:水平阴影垂直阴影模糊距离阴影的大小阴影的颜色;

　　水平位置和垂直位置指定阴影显示的位置

　　根据正值和负值，位置将如下变化。

　　水平位置：正值：右，负值：左

　　垂直位置：正值：底部，负值：上部

　　阴影的模糊距离和阴影的范围是决定阴影外观的数值。

　　所有数值单位都是px。

　　我们来看具体的示例

　　代码如下

　　HTML

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="UTF-8"/>

　　<linkrel="stylesheet"href="sample.css"/>

　　</head>

　　<body>

　　<imgsrc="img/girl.jpg"class="sample-box-shadow">

　　</body>

　　</html>

　　CSS

　　.sample-box-shadow{

　　box-shadow:10px10px15px-10px;

　　}

Tag：哪些方法

联络方式：

微信二维码

您感兴趣的内容