美文网首页
文本阴影

文本阴影

作者: 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