美文网首页
文本阴影

文本阴影

作者: GOD_4239 | 来源:发表于2019-10-30 21:07 被阅读0次

文本阴影属性: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

相关文章

网友评论

      本文标题:文本阴影

      本文链接:https://www.haomeiwen.com/subject/iipavctx.html