如何让网站上的文字产生阴影效果

2018-11-01    来源:学做网站论坛

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

有些网站的文字的后面或者下面都有阴影效果,这样使文字更有立体感。并且可以根据自己网站版面要求去设置阴影的颜色,离文字的距离,阴影范围的大小等。效果如下图:
如何让网站上的文字产生阴影效果

在我们自己建网站时,也可以通过CSS样式去控制网站中的文字达到阴影效果,只需在CSS样式表中加上以下的文字阴影代码:

text-shadow:5px 2px 6px #000;

这段代码可以设置div里文字阴影效果距离左5px和距离上2px开始显示阴影效果,同时阴影大小范围为6px,阴影颜色为黑色(#000)。

文字阴影CSS参数说明:

文字显示阴影CSS语法共4个值:

  • 第一个代表距离左多少距离开始显示阴影效果,
  • 第二个值代表距离上多少距离开始显示阴影效果,
  • 第三个值代表阴影范围大小,
  • 第四个值为阴影效果颜色。

标签: 代码 建网站

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:wordpress网站子分类如何获取父分类的名称和链接

下一篇:如何给自己的微信创建二维码