电话
13363039260
CSS中添加阴影的方法有哪些
2024-01-17 10:06 小编
使用box-shadow添加阴影
使用CSS添加阴影时，box-shadow是最常用的方法。
box-shadow:水平阴影垂直阴影模糊距离阴影的大小阴影的颜色;
水平位置和垂直位置指定阴影显示的位置
根据正值和负值，位置将如下变化。
水平位置：正值：右，负值：左
垂直位置：正值：底部，负值：上部
阴影的模糊距离和阴影的范围是决定阴影外观的数值。
所有数值单位都是px。
我们来看具体的示例
代码如下
HTML
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8"/>
<title></title>
<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;
}
猜你喜欢
联络方式：
13363039260
微信二维码 