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

This article is about how css implements text decoration. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The text-decoration property, which is an interesting property, provides a lot of interesting behavior.

There are 5 values for text-decoration:

None

Underline

Overline

Line-through

Blink

As expected, underline underlines the element, just like the U element in HTML. Overline's call is just the opposite, possibly underlining the top of the text. The value line-through draws a string in the middle of the text, which is equivalent to the S and strike elements in HTML. Blink makes the text flicker, the same as the controversial blink symbol that Netscape approves.

The none value turns off all decorations that were originally applied to an element. Usually, unadorned text is the default outline, but not always. For example, links are underlined by default. If you want to remove the underline from the hyperlink, you may use the following CSS to do so:

A {text-decoration: none;}

Beware: if you explicitly use a delineated rule to remove the underscore of the link, the only visual difference between the anchor and the malformed text is the hue (at most, this is the default, but there is no pure guarantee that the color will be discriminated).

It is also possible to spread a variety of decorations in one rule. If you want all hyperlinks to be underlined and underlined, the rules are as follows:

A:link a:visited {text-decoration: underline overline;}

It is important to note that if two different decorations are married to antagonistic elements, the value of winning the rule will completely handle the other value. Please consider the following rules:

H3.stricken {text-decoration: line-through;} h3 {text-decoration: underline overline;}

For a given delineation rule, all h3 elements whose class is stricken require only one insight line decoration, without underlining and overlining, because the text-decoration value will innovate rather than accumulate.

Thank you for reading! This is the end of the article on "how to achieve text Decoration in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

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.