css中如何给字体加描边-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

给字体加描边的方法为：1、使用text-shadow属性，语法格式为“text-shadow: 水平阴影垂直阴影模糊半径颜色”；2、使用text-stroke属性，语法格式为“text-stroke: 描边宽度颜色”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

想要使用CSS给文字添加描边效果，主要有两种方法：使用text-shadow属性或text-stroke属性。

方法1：使用text-shadow属性

text-shadow属性用于向文本添加字体边框或阴影。

语法：

1	`text-shadow: h-shadow v-shadow blur-radius color\|none;`

属性值：

h-shadow：它在字体周围设置水平阴影。
v-shadow：它设置字体周围的垂直阴影。
blur-radius：设置字体周围的模糊半径。
color：它设置字体周围的颜色。
none：它没有在字体周围设置任何内容。

示例1：使用text-shadow属性为文本创建阴影

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <style>
      h1 {
        text-shadow: 0 0 5px #5eff79, 0 0 5px #ff5a5a;
      }
      h2 {
        text-shadow: 0 0 5px #ffd45e, 0 0 5px #af5aff;
      }
    </style>
  </head>
  <body>
    <h1>为你明灯三千</h1>
    <h2>为你花开满城</h2>
  </body>
</html>