How to write underline in css

The ways to write css underline are: 1. Set through text-decoration, the syntax "text-decoration:underline"; 2. Set through border-bottom and padding.

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

Generally there are two methods:

First, set the text underline through the CSS underline code: text-decoration:underline.

The example demonstration is as follows:

1. The example code is as follows:

At this time, the page effect is as follows, with underlines appearing.

2. Achieve the effect by setting the border of the div:

The example is as follows:

Add border-bottom: 1px solid black, padding-bottom: 10px two key styles, as follows:

The page effect at this time is as follows:

Recommended learning : css video tutorial

The above is the detailed content of How to write underline in css. For more information, please follow other related articles on the PHP Chinese website!