How to set parallel dotted lines in css

How to set parallel dotted lines in css: 1. Set the dotted line by adding the css style to the hr tag as "border:1px #cccccc dotted;"; 2. By "border-top:1px dashed #cccccc;" Property settings dashed.

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

Two methods to implement horizontal dotted lines using CSS styles

Method one:

<br><br>
<hr size="1" noshade="noshade" style="border:1px #cccccc dotted;"/>
<br>

Method two:

<br><br>
<p style="border-top:1px dashed #cccccc;height: 1px;overflow:hidden"></p>
<br><br>

[Recommended: "css video tutorial"]

The above is the detailed content of How to set parallel dotted lines in css. For more information, please follow other related articles on the PHP Chinese website!