How to set the dotted line under css

This article mainly explains "how to set the dotted line under css". Friends who are interested may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to set the dotted line under css.

Css, you can use the "border-bottom" attribute to set the lower dashed line style, this attribute is used to set the lower border style of the element, as long as the style value is set to "dashed", you can achieve the effect of the dashed line under the border; the syntax is "element {border-bottom: dashed line weight value dashed color value;}".

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

How to set the dotted line under css

You can set the lower dashed line of an element by setting the border-bottom property. Let's take a look at it through an example, which is as follows:

Document p {border-bottom:1px dashed black;}

Set the dashed line

Output result:

At this point, I believe you have a deeper understanding of "how to set up the dotted line under css". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!