Shulou(Shulou.com)06/02 Report--

This article mainly introduces "css how to write text projection". In daily operation, I believe many people have doubts about how to write text projection in css. The editor consulted all kinds of data and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the doubts about "how to write text projection in css". Next, please follow the editor to study!

Css to achieve text projection effect methods: 1, to create a HTML example file; 2, to define text content; 3, by setting "text-shadow: 5px 5px 5px # FF0000;" style to achieve text projection effect.

This article operating environment: windows7 system, HTML5&&CSS3 version, DELL G3 computer

How does css write text projection?

This can be done through the text-shadow property.

Introduction:

The text-shadow property sets shadows to the text.

Grammar

Text-shadow: h-shadow v-shadow blur color

Note: the text-shadow property adds one or more shadows to the text. This attribute is a comma-separated list of shadows, each with two or three length values and an optional color value. The length of the omission is 0.

Value

H-shadow is required. The position of the horizontal shadow. Negative values are allowed.

V-shadow is required. The position of the vertical shadow. Negative values are allowed.

Blur is optional. A blurred distance.

Color is optional. The color of the shadow.

Basic example:

H2 {text-shadow: 5px 5px 5px # FF0000;} text shadow effect!

The effect is as follows:

At this point, the study of "how to write text projection in css" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.