本文介绍使用CSS添加阴影边框和word文档中添加阴影边框的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
CSS添加阴影边框的方法
方法1:使用box-shadow属性添加阴影边框
【相关推荐:css在线手册】
box-shadow属性可以向框添加一个或多个阴影。
语法:box-shadow: h-shadow v-shadow blur spread color inset;
属性值:
● h-shadow:必需设置的值,定义水平阴影的位置。允许负值。
● v-shadow:必需设置的值,定义垂直阴影的位置。允许负值。
● blur:可选设置的值,定义模糊距离。
● spread:可选设置的值,定义阴影的尺寸。
● color :可选设置的值,定义阴影的颜色。如果没有设置值,颜色值基于浏览器显示,建议设置。
● inset:可选设置的值,设置后可将外部阴影 (outset) 改为内部阴影。
示例:
css 边框阴影--box-shadow属性.demo{
width: 200px;
height: 200px;
margin: 50px auto;
background-color: #007AFF;