How to draw horizontal lines in css

This article introduces the relevant knowledge of "how to draw a horizontal line in css". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Method: 1, add "border-top: weight value solid color;" style, draw horizontal lines by setting border attributes; 2, add "height: weight value; width: length; background-color: color;" style, draw horizontal lines by setting the background color of empty elements.

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

How does css draw a horizontal line

1. Use the border border to make horizontal lines

.h {border-bottom: 1px solid black;}

Add a border attribute to the element and set the border only to achieve a horizontal line.

Output result:

2. Use empty elements to set

Set to an empty element

Height=1px, and set the background background color, you can also set a horizontal line.

.space {height: 1pxscape backgroundcolor: black;}

Output result:

This is the end of "how to draw a line in css". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!