龙空技术网

Css3中text-shadow属性使用方法及各参数所代表的含义

一点网 113

前言:

如今姐妹们对“htmltextshadow”大概比较关心,我们都想要学习一些“htmltextshadow”的相关内容。那么小编同时在网络上收集了一些有关“htmltextshadow””的相关知识,希望你们能喜欢,各位老铁们快快来了解一下吧!

在CSS3中我们可以使用text-shadow属性给页面上的文字添加阴影效果,text-shadow在CSS2.1的时候曾被删除过的一个属性,但是又在css3.0中恢复了使用。

①text-shadow的使用方法:text-shadow:length length length color

第一个length表示的是阴影离开文字的横向距离;第二个length表示的是阴影离开文字的纵向的距离;第三个length表示的是阴影模糊半径;

color表示的是阴影的颜色。

②位移距离:text-shadow所使用的参数中,前两个参数是阴影离开文字的横向和纵向的位移距离,使用的时候必须指定这两个参数。

③阴影的模糊半径:text-shadow属性的第三个参数就是阴影模糊半径,代表阴影向外模糊时的模糊范围。

标签: #htmltextshadow