怎么用CSS定义文本阴影

 时间:2026-02-14 11:53:45

1、首先给大家看下定义前的效果,内容是4段春江花月夜里的句子

怎么用CSS定义文本阴影

2、打开我们事先写好的网页代码

怎么用CSS定义文本阴影

3、在head标签之间加入<style type="text/css"></style>这串代码

怎么用CSS定义文本阴影

4、然后在style标签中输入

p{

text-align:center;                                                    /*定义文本居中*/

font:bold 60px Arial, Helvetica, sans-serif;            /*定义字体*/

color:#999;                                                            /*定义字体颜色为灰色*/

text-shadow:0.1em 0.1em #333;                          /*定义阴影位置和颜色*/

}

怎么用CSS定义文本阴影

5、输入完代码之后检查下有没有bug,然后保存浏览

怎么用CSS定义文本阴影

6、可以看出来我们用CSS定义文本阴影成功了

怎么用CSS定义文本阴影

1、   不难发现,用CSS中的text-shadow属性定义文本阴影了之后,原本平淡无奇的文本,就如同脱胎换骨了一般,虽然不能称得上是完美,但效果还是很不错的

  • ps如何制作心形相框
  • 如何利用AxureRP的路径查找器合并对象
  • ps如何做炫酷立体字效果
  • DW如何关闭显示开始屏幕
  • 平面设计时创建企鹅的方法
  • 热门搜索
    三清山旅游网 芜湖旅行社旅游报价 成都旅游景点排行 马尔代夫旅游团 泰宁大金湖旅游攻略 缙云旅游 1月适合去哪里旅游 全国旅游景点地图高清 朝阳旅游景点大全 三亚旅游景点介绍