How to set the white stroke of the font in css: 1. Use the text-stroke attribute to set the stroke width and color of the text. The syntax format is "text-stroke: 3px #fff;"; 2. Use text The -shadow attribute adds white shadow around the font to achieve a stroke effect.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

css sets the font white stroke

1. Use the text-stroke attribute

text The -stroke property is used to add a stroke to text. This property can be used to change the stroke width and color of text. This property is supported using the -webkit- prefix.

text-stroke is the abbreviation of text-stroke-width and text-stroke-color (fill color for text).

Syntax:

text-stroke:  ;

Parameters:

• width: Set the stroke thickness of the text

• color: Set the stroke color of the text

Example:

     
  
Hello World
  

Rendering:

2. Use the text-shadow attribute

text-shadow: Set a shadow to the text.

text-shadow:color||length||length||opacity。

• color: Specify the color.

• length: The first length specifies the extension distance of the shadow in the horizontal direction, and the second length specifies the extension distance of the shadow in the vertical direction, which can be a negative value.

• opacity: Specifies the distance of the shadow blur effect.

The direction order represented by the four attribute values separated by commas is lower right, upper left.

Example:

      
  
 
没有添加描边
 
添加了字体描边
 
  

Rendering:

CSS video tutorial]

The above is the detailed content of How to set font white stroke in css. For more information, please follow other related articles on the PHP Chinese website!