css The text-shadow property is used to add one or more shadows to text; the shadow list needs to be separated by commas. Each shadow has two or three length values and an optional color value to specify, the length is omitted The value is 0.
How to use the css text-shadow property?
The text-shadow property sets a shadow to text.
Syntax:
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 is optional. Blurred distance.
●Color is optional. The color of the shadow.
Comments: The text-shadow property adds one or more shadows to text. This property is a comma-separated list of shades, each shade specified with two or three length values and an optional color value. The omitted length is 0.
css text-shadow property example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>Rendering:
The above is the detailed content of How to use css text-shadow property. 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)
