css怎么设置div阴影-木庄网络博客

2022-02-09 00:15:44 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在css中，可以使用box-shadow属性来给设置div阴影，只需要给div元素添加“box-shadow: 水平阴影值垂直阴影值模糊距离阴影大小阴影颜色 inset;”样式即可；其中“inset”值，可省略，它是设置内阴影的。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置div阴影

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style> 
div
{
    width:300px;
    height:100px;
    background-color:yellow;
    box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
 
<div></div>
 
</body>
</html>

效果图：

阅读剩余部分

相关阅读 >>

css什么意思？

css是什么含义

css height:auto 不起作用怎么办

css border-bottom-width属性如何使用

css 内阴影怎么做

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css怎么设置div阴影

css怎么设置div阴影

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论