How to set the border of div to solid

This article mainly shows you "how to set the border line of div to solid line", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to set the border line of div to solid line" this article.

A brief introduction to the properties of the border

1. The border attribute is border

2. Reuse styles with good border compatibility are as follows:

None: endless frame

Solid solid line border

Dashed dashed border

3. If the div tag sets the border line to be solid, then the border border pattern value should be solid.

4. The div border is a solid tree module code:

Div {border:1px solid # 000}

Configure the div four-sided black border.

2. An application example of div solid line frame

1. Here, the div is self-configured with solid line patterns on the top, bottom, left, right and four sides.

2. Incomplete HTML CSS instance code

Div solid border configuration css5.com.cn.div-left {width:300px;margin-top:5px;height:100px;border-left:3px solid # 00F}. Div-right {width:300px;margin-top:5px;height:100px;border-right:3px solid # F00}. Div-top {width:300px;margin-top:5px;height:100px;border-top:3px solid # 00F}. Div-bottom {width:300px;margin-top:5px;height:100px Border-bottom:3px solid # F00}. Div-all {width:300px;margin-top:5px;height:100px;border:3px solid # 00F} div left frame solid line thick 3px blue DIV left frame solid line thick 3px blood div upper border solid line thick 3px blue div lower border solid line thick 3px red border solid line thick 3px above is "how to set the border line of div to solid line" all the content of this article, thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!