重庆SEO前端技术博客

重庆SEO前端技术博客

当前位置: 主页 > CSS >

text-shadow 文本阴影属性

时间:2020-05-09 12:00来源:未知 作者:admin 点击:
定义:设置文本阴影 案例: HTML代码: p阴影属性的各种效果/p p class=A1阴影属性的各种效果/p p class=B1阴影属性的各种效果/p p class=C1阴影属性的各种效果/p css 代码: p{text-shadow:silver 2px
定义:设置文本阴影

text-shadow 文本阴影属性

案例:
HTML代码:
<p>阴影属性的各种效果</p>
    <p class="A1">阴影属性的各种效果</p>
    <p class="B1">阴影属性的各种效果</p>
<p class="C1">阴影属性的各种效果</p>
 
css代码:
    p{text-shadow:silver 2px 2px 2px; color:red;}
    .A1{text-shadow:0 0 4px black; color:white;}
    .B1{text-shadow:1em 1em 5px gray,-1em -1em silver; color:black;}
.C1{text-shadow:2px 2px;}
 
效果:
text-shadow 文本阴影属性

对于该属性设置的时候必须,要有h-shadow与v-shadow的值不然回没有效果。

------分隔线----------------------------
推荐内容