Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to write the dotted line style of CSS". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn how to write the dotted line style of CSS.

When talking about the css dotted line style, you should think of border's solid. The probability of using solid in the page layout is the highest. If you have the effect of css dotted line, you can also use a picture as a background, but it is not recommended to try to use the css dotted line style to do this dotted line effect. Then the css dotted line style is dotted and dashed in border, both of which are css dotted lines, but they are different.

1.dotted dotted line

Dotted dotted line

* {

Margin:100px

Padding:0

}

Body {

Width:1000px

Margin:0 auto

}

.box {

Width:300px;height:50px

Text-align:center

Padding-top:30px

Border:1px dotted # 000

}

Hello, everyone, I am dotted dotted line!

2.dashed dotted line

Dashed dotted line

* {

Margin:100px

Padding:0

}

Body {

Width:1000px

Margin:0 auto

}

.box {

Width:300px;height:50px

Text-align:center

Padding-top:30px

Border:1px dashed # 000

}

Hello, everyone, I am dashed dotted line!

Thank you for your reading, the above is the content of "how to write the dotted line style of CSS". After the study of this article, I believe you have a deeper understanding of how to write the dotted line style of CSS, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.