CSS制作层级效果

最新推荐文章于 2024-09-26 19:17:56 发布

区块链攻城狮

最新推荐文章于 2024-09-26 19:17:56 发布

阅读量417

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML CSS 文章标签： css firefox javascript 层级效果

本文链接：https://blog.csdn.net/weixin_42799222/article/details/125905377

CSS 同时被 2 个专栏收录

3 篇文章

订阅专栏

HTML

2 篇文章

订阅专栏

本文深入探讨了CSS3盒阴影效果的使用与控制，通过实例演示了如何精确调整阴影参数，实现网页元素的视觉提升。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

核心是对阴影效果的把控

测试地址为： w3school.com.cn/tiy/t.asp?f=eg_css3_box-shadow

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
position: absolute;
margin:10px;
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 30px 20px #00000070;
}
</style>
</head>
<body>

<div></div>
<div style="top:80px;left:200px;z-index:-1;"></div>

</body>
</html>