文本阴影属性:text-shadow
text-shadown:水平偏移量 垂直偏移量 模糊值 阴影颜色
可以写多个阴影,阴影之间用逗号隔开
示例:
<p class="p">HTMML+CSS</p>
style:
.p {
text-shadow: 0px -3px 3px #fff949;
color: #fd0001;
font-size: 40px;
margin: 300px auto;
height: 50px;
width: 300px;
background: black;
text-align: center;
}
</style>
image.png
多个阴影,HTML语句:
<p class="p">HTMML+CSS</p>
style语句:
<style>
.p {
text-shadow: 0px -3px 3px #fff949 ,0px -8px 3px #701400,0px -1px 7px #fff949 ;
color: #fd0001;
font-size: 40px;
margin: 300px auto;
height: 50px;
width: 300px;
background: black;
text-align: center;
}
</style>
image.png
网友评论