Shulou(Shulou.com)05/31 Report--

Today, the editor will share with you the relevant knowledge points about how to achieve the dotted line below the html Chinese text, with detailed content and clear logic. 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 take a look at it.

In html, you can use border-bottom to set a dotted line below the text, just set the "border-bottom:width dashed color" style for the text element. When you style the bottom border of an element, the border can only appear if the value is not none.

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

The border-bottom shorthand property sets all the properties of the border below into a declaration.

You can set the following properties in order:

Border-bottom-width

Border-bottom-style

Border-bottom-color

Syntax:

Border-bottom:width style color

If you do not set one of these values, there will be no problem. For example, border-bottom:solid # ff0000; is also allowed.

When you style the bottom border of an element, the border can only appear if the value is not none.

Example:

P {border-style: solid;} p.none {border-bottom-style: none;} p.dotted {border-bottom-style: dotted;} p.dashed {border-bottom-style: dashed;} p.solid {border-bottom-style: solid;} p.double {border-bottom-style: double } p.groove {border-bottom-style: groove;} p.ridge {border-bottom-style: ridge;} p.inset {border-bottom-style: inset;} p.outset {border-bottom-style: outset;} No bottom border.

A dotted bottom border.

A dashed bottom border.

A solid bottom border.

A double bottom border.

A groove bottom border.

A ridge bottom border.

An inset bottom border.

An outset bottom border.

Effect:

Extended data:

Border-bottom-color sets the color of the bottom border of the element.

Only solid colors can be defined, and the border can only appear if the style of the border is a value other than none or hidden.

Note: always declare the border-style attribute before the border-color attribute. The element must get a border before you change its color.

These are all the contents of the article "how to realize the dotted line under the Chinese text of html". 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.

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.