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

This article mainly introduces the html how to set the frame to the dashed line related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that after reading this html how to set the frame to the dashed line article will have a harvest, let's take a look.

The way for html to set the border to a dashed line is to add the border-style property to the border and set the property value to dashed, for example, [p.dashed {border-style:dashed;}].

This article operating environment: windows10 system, html 5, thinkpad T480 computer.

We can use the border-style property to style the border. Using this property, you will find that setting the border to a dashed line is very simple.

There may be many students who are not familiar with the border-style attribute, so let's take a look at it.

The border-style attribute sets the style of the four borders of an element.

Common attribute values are:

None definition without borders

Hidden is the same as "none". Except when applied to tables, where hidden is used to resolve border conflicts

Dotted defines a dotted border. Rendered as solid lines in most browsers

Dashed defines dashed lines. Rendered as solid lines in most browsers

Solid defines solid lines

Code example:

P.none {border-style:none;} p.dotted {border-style:dotted;} p.dashed {border-style:dashed;} p.solid {border-style:solid;} p.double {border-style:double;} p.groove {border-style:groove;} p.ridge {border-style:ridge;} p.inset {border-style:inset;} p.outset {border-style:outset;} p.hidden {border-style:hidden;} without borders.

Dotted border.

Dotted border.

Solid border.

Double-sided box.

Grooved frame.

Ridge border.

Embed the border.

Convex border.

Hide the border.

The running result is as follows:

This is the end of the article on "how to set the frame to a dotted line in html". Thank you for reading! I believe you all have a certain understanding of the knowledge of "how to set the frame to a dotted line in html". If you want to learn more, you are welcome to follow 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.