box-shadow介绍
css3可以使用box-shadow属性轻松地为元素添加阴影效果,box-shadow可以设定多组效果，每组参数值以逗号分隔.
语法：
box-shadow：x-shadow y-shadow blur spread color inset;
参数说明：
- x-shadow：设置对象的阴影水平偏移值，单位可以是px、em或百分比等，允许负值。
- y-shadow：设置对象的阴影垂直偏移值，单位可以是px、em或百分比等，允许负值。
- blur：用于设置边框阴影半径大小。
- spread：扩展半径，设置阴影的尺寸；这个参数可选，缺省时值为0。
- color：设置阴影的颜色；
- inset：这个参数默认不设置。默认情况下为外阴影，inset表示内阴影。
box-shadow实例
给div元素添加阴影效果：
<!DOCTYPE html>
<html>
<head>
< >http://www.manongjc.com/article/1201.html</ >
<style>
div{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
继续阅读与本文标签相同的文章
下一篇 :
华人数学家解开视觉奥秘：一切都是大脑假装让人看见
-
微软建议企业客户卸载KB4520062累积更新
2026-05-14栏目： 教程
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程