学做网站培训课程介绍

当前位置:

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

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

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

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

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

文字阴影CSS参数说明:

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

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

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • HTML文字倾斜标签是什么 (134355 次浏览)
    HTML文字倾斜标签是什么?我们在做网站时,有的文字需要倾斜显示,这时就需要使用HTML文字倾斜标签了。HTML斜体标签:HTML 斜体标签元素知识与
  • 有些网站的文字的后面或者下面都有阴影效果,这样使文字更有立体感。并且可以根据自己网站版面要求去设置阴影的颜色,离文字的距离,阴影范围的大小等
  • 切片的技巧(渐变、阴影、不规则) :渐变:可以单独拉一个切片阴影:网页中如何实现,css3也可以实现阴影但是ie6、ie8不支持,可以单独为阴
  • Wordpress标签云是将网站里的标签附着不同的颜色,好像一个七彩的云一样,在自己建网站时,可以美化我们的网站。效果如下:我们在学习怎么做
  • 使用WP程序制作门户网站时,需要调用网站头条新闻,让第一个文章标题与其它的标题不一样,以形成新闻头条的效果。如下图:如何使用wp网站代码