Div+css Page Layout underline text-decoration use tutorial

Common and commonly used underline styles

1, text underlined way to display

Use HTML <u> tags to underline text with the U label

But note that the U tag is a pair of tags with <u> start </u> end,<u> I was underlined </u>

2, Hyperlink text underline-css Hyperlink detailed introduction

We often need to let the text with hyperlinks, with the underlined display, while the mouse on the underline does not show the way to display the text with the link, next we through the CSS to the hyperlink underline set
Using code text-decoration, you can go to the CSS manual to view text-decoration details
Grammar:
Text-decoration:none | | Underline | | Blink | | overline | | Line-through

Text-decoration Parameters:
None: No decoration
Blink: Flashing
Underline: Underline
Line-through: Through Line
Overline: Underline
Instance


According to the legend see "div css" was added to the CSS link, while CSS style also set the CSS property A is underlined (a{text-decoration:underline;} ), but put the mouse up (a:hover{text-decoration:none;} ) The underline is removed

3, the hyperlink text mouse put up to underline

According to the 2nd (2, hyperlink text underline) through the CSS to make the hyperlink text underlined, the mouse to put out the underline, 3rd is just and 2nd to reverse, hyperlinks naturally do not show the underscore a{text-decoration:none;}, While the mouse is placed on the underline a:hover{text-decoration:underline;

4, to a region mouse put on the underline-object underline

This is common in our use, we can set a class style for its div (ID and class difference) such as:. ys:hover{text-decoration:underline; cursor:pointer;}, EXPLANATION cursor This is the mouse tag (cursor introduction), pointer this is the finger form display.

HTML source Code, page source file
By setting the CSS style for "Ys", the underline appears in the browser when the mouse is placed on the text, and this is not because there is a hyperlink that underscores the same principle as the hyperlink.