How to underline the text with css

Today, I would like to share with you the relevant knowledge points about how css underlines the text. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's learn about it.

1. There are two kinds of CSS and HTML tags in the text.

1. CSS attribute words and codes

Word: text-decoration

Middle underlined value

Text-decoration:line-through

2. Underlined label in HTML

S tag

Be underlined

2. An example of underlined div css in text

1. Code

Text underlined instance CSS5.zhx {text-decoration:line-through}

Original price: 200.00 current price: 120.00

Confess your love:

CSS sets the underlined style in the equipment text-decoration:line-through.

For the figures of the original price, add class to introduce the underlined css technique.

2. Screenshot of font underlining effect

Css layout gives an example of calligraphy font with middle line.

The above use span configuration text underlining attainments, you may not use CSS, directly to the need to underline the pen and ink S tag to achieve the underlined format.

These are all the contents of the article "how to underline the text by css". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.