CSS |字体边框

有时我们需要创建文本并将轮廓添加到文本中。主要有两种方法可以为下面列出的字体创建边框：

• 使用 text-shadow 属性
• 使用 text-stroke 属性

方法一：使用 text-shadow 属性： text-shadow 属性用于为文本添加字体边框或阴影。
句法：

text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

属性值：

• h-shadow：它在字体周围设置水平阴影。
• v-shadow：设置字体周围的垂直阴影。
• 模糊半径：它设置字体周围的模糊半径。
• 颜色：它设置字体周围的颜色。
• none：它不会在字体周围设置任何内容。
• 初始：将字体边框设置为其默认值。
• 继承：它从其父值继承属性值。

返回值：它返回文本周围的字体边框/阴影。
示例 1：本示例使用 text-shadow 属性为文本创建阴影。

html

     

    
 
    

 

    
GeeksforGeeks

 

输出：

示例 2：此示例使用 text-shadow 属性来创建带边框的文本。

html

     

    
     
    
    

 

    
GeeksforGeeks

 
                   

输出：

方法二：使用 text-stroke 属性： text-stroke 属性用于为文本添加笔划。此属性可用于更改文本的宽度和颜色。使用 -webkit- 前缀支持此属性。
示例：本示例使用 text-stroke 属性创建带边框的文本。

html

     

    
     
    
    

 

    
GeeksforGeeks

 
                   

输出：