文本阴影

文本阴影属性: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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 嗨!大家好 今天我们来分享——盒子阴影、文本阴影 先来看下案例 1> box-shadow:none (无阴影) ...
    你敢动吗阅读 3,541评论 0 0
  • text-shadow可以用来设置文本的阴影效果。 语法: text-shadow:X-Offset Y-Offs...
    Mandy_jin阅读 3,660评论 0 0
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,799评论 0 0
  • 盒子阴影 和 文本阴影区别;文本阴影只有三个值,盒子阴影有四个值; 文本阴影是什么。咱们先看看原图: 咱看一下...
    Lzg阅读 3,764评论 0 1
  • 一.rgba颜色 rgb表示红、绿、蓝、a表示透明度,1为不透明,0.5为半透明 二.字体单位 rem是以根元素 ...
    祝名阅读 2,738评论 0 0