div--阴影效果

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

xuqi7

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

阅读量5.4k

点赞数 2

分类专栏：杂

本文链接：https://blog.csdn.net/xuqi7/article/details/74789361

版权

杂专栏收录该内容

95 篇文章 0 订阅

订阅专栏

div阴影格式

box-shadow: h-shadow v-shadow blurspread color inset;

–h-shadow必需。水平阴影的位置。允许负值。

–v-shadow必需。垂直阴影的位置。允许负值。

–blur可选。模糊距离。

–spread可选。阴影的尺寸。

–color可选。阴影的颜色。请参阅 CSS 颜色值。

–inset可选。将外部阴影 (outset) 改为内部阴影。

效果：

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
width: 100px;
height: 100px;
background-color: blue;
box-shadow: 5px 5px 5px 5px black;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xuqi7

关注关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
div--阴影效果

div阴影格式box-shadow: h-shadow v-shadow blurspread color inset;–h-shadow必需。水平阴影的位置。允许负值。–v-shadow必需。垂直阴影的位置。允许负值。–blur可选。模糊距离。–spread可选。阴影的尺寸。–color可选。阴影的颜色。请参阅 CSS 颜色值。–i
复制链接

扫一扫