CSS基础 阴影相关属性设置

一。字体阴影
属性名:text-shadow:水平偏移量 垂直偏移量 模糊度 阴影颜色;
html代码:
<div>农夫山泉有点甜</div>

css代码:
div{
font-size:100px;
font-weight:700;
text-align:center;
line-height:300px

text-shadow: 98px 79px 9px pink; /*水平偏移量 垂直偏移量 模糊度 阴影颜色 */
}

注意:1.水平偏移量可以为负数,模糊度和阴影颜色是可选的
2.可以写多组阴影,用逗号隔开比如:
text-shadow: 98px 79px 9px pink,80px 80px 10px green;
二。盒子阴影
box-shadow:水平偏移量 垂直偏移量 模糊度(可选) 阴影扩大(可选) 阴影颜色(可选) 内部阴影(可选)
代码:box-shadow:15px 20px 20px 2px #000 inset;

 

上一篇:有关H5第六章的样式属性


下一篇:box-shadow(盒子阴影)