How to add strokes to text in css: You can use the text-shadow attribute to add strokes to text, such as [text-shadow: 0 0 5px #FF0000, 0 0 5px #6bf403;]. The text-shadow property applies to shadow text.
Property introduction:
text-shadow property is applied to shadow text.
(Learning video sharing: css video tutorial)
Grammar:
text-shadow: h-shadow v-shadow blur color;
Attribute value:
h-shadow Required. The position of the horizontal shadow. Negative values are allowed.
#v-shadow Required. The position of the vertical shadow. Negative values are allowed.
#blur Optional. Blurred distance.
#color Optional. The color of the shadow.
Code example:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
h1 {
text-shadow: 0 0 5px #FF0000, 0 0 5px #6bf403;
}
</style>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>Effect:
Related recommendations: CSS tutorial
The above is the detailed content of How to add stroke to text in css. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
