1<style>
2 hr{
3 height: 1px;
4 background-color: #ccc;
5 border: none;
6 }
7</style>
8
1<!-- HTML -->
2
3<!-- You can change the style of the horizontal line like this: -->
4
5<hr style="width:50%", size="3", color=black>
6
7
8<!-- Or like this: -->
9
10<hr style="height:2px; width:50%; border-width:0; color:red; background-color:red">
11
12
1/* Red border */
2hr.new1 {
3 border-top: 1px solid red;
4}
5
6/* Dashed red border */
7hr.new2 {
8 border-top: 1px dashed red;
9}
10
11/* Dotted red border */
12hr.new3 {
13 border-top: 1px dotted red;
14}
15
16/* Thick red border */
17hr.new4 {
18 border: 1px solid red;
19}
20
21/* Large rounded green border */
22hr.new5 {
23 border: 10px solid green;
24 border-radius: 5px;
25}