How to write the dotted line style of CSS
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!
