使用box-shadow属性为盒子添加阴影
box-shadow:h-shadow v-shadow blur spread color inset;
| 值 | 描述 |
|---|---|
| h-shadow | 必须。水平阴影的位置，允许负值 |
| v-shadow | 必须。垂直阴影的位置。允许负值 |
| blur | 可选，横糊距离 |
| spread | 可选阴影尺寸 |
| color | 可选。阴影颜色。参考CSS颜色值 |
| inser | 可选。将外部阴影（outset）改为内部阴影。 |
【注意】
默认的是外阴影（outset），但是不可以写这个单词，否则导致阴影无效
盒子阴影不占用空间，不会影响其他盒子排列
鼠标经过时显示阴影
div{
width: 200px;
height: 200px;
background-color: gray;
margin: auto;
}
div:hover{
box-shadow: 10px 10px 10px -4px rgba(0,0,0,.3);
}
使用text-shadow属性将阴影应用于文本
text-shadow：h-shadow v-shadow blur color；
| 值 | 描述 |
|---|---|
| h-shadow | 必须，水平阴影的位置，允许负值 |
| v-shadow | 必须。垂直阴影的位置。允许负值 |
| blur | 可选。模糊的距离 |
| color | 可选。阴影的颜色。参考CSS颜色值 |
刑事律师网站模板、响应式深灰色大气律师网站模板
￥1000.00
律师网站模板、律师事务所网站模板【响应式，蓝色简洁大气风格】
￥1000.00
简洁大气的响应式律师事务所网站设计模板，兼容移动端
￥50.00
成都律品科技有限公司专注律师互联网营销技术服务，创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年，2018年公司正式成立，不断探索律师行业服务需求，致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。
152-0832-9147
105991110
微信咨询