Home>Article>Web Front-end> How to set the shadow effect of html text

How to set the shadow effect of html text

醉折花枝作酒筹
醉折花枝作酒筹 Original
2021-04-23 18:15:03 12960browse

In HTML, you can use text-shadow to set the text shadow effect. You only need to add the "text-shadow: value value blur distance shadow color" style to the text element. The text-shadow property adds one or more shadows to the text, which is a comma-separated list of shadows.

How to set the shadow effect of html text

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

First, we create a new P tag in HTML and enter the content. We can define a class for this P tag, here we call it [PTitle].

How to set the shadow effect of html text

How to set the shadow effect of html text

## Use [text-shadow] shadow. Set the X and Y axis offset positions for him. Set the blur level and color to 10 pixels.

How to set the shadow effect of html text

How to set the shadow effect of html text

How to set the shadow effect of html text

View the effect:


How to set the shadow effect of html text

Recommended learning:

html video tutorial

The above is the detailed content of How to set the shadow effect of html text. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn