怎么用CSS定义描边文字

 时间:2026-02-12 08:00:49

1、首先呢,我们来看看原本的效果

怎么用CSS定义描边文字

2、然后打开我们的网页文本

怎么用CSS定义描边文字

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

怎么用CSS定义描边文字

4、然后在style标签中输入

p{

text-align:center;

margin: 0;

font:bold 60px Arial, Helvetica, sans-serif;

color: #D1D1D1;

background:#CCC;

text-shadow: -1px 0 black,

0 1px black,

1px 0 black,

0 -1px black;

}

怎么用CSS定义描边文字

5、然后保存网页并在浏览器中查看

怎么用CSS定义描边文字

6、可以发现,原先的文本已经变成描边的了

怎么用CSS定义描边文字

1、   为文本4个边添加1像素的实体阴影,就可以使用 text-shadow 属性来为文本描边,起到强调文本的作用

  • 奶汁焗饭的做法,味道好极了!
  • 闲暇时最简单有趣的挑战智商的游戏
  • vgg16.npy如何用
  • 金铲铲之战挽歌介绍
  • 新春佐井怎么玩
  • 热门搜索
    牙黄怎么办 胎心监护图怎么看 为什么现在人欠钱不怕被起诉 寿司卷的做法 wifi连接上不能上网怎么办 新生活化妆品怎么样 大轰炸为什么不上映 青蛙为什么会飞 鱼丸的做法视频 耳朵后面长了个包一按就疼怎么办