Hi,
I would like to style my <hr> line with css.
How to create dashed or dotted line with orange color with css?
Thanks.
davy_yg
2
Posting Whiz
Recommended Answers
Jump to Post<html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> hr{border:dotted 4px #F90;} /* use this for dashed hr{border:dashed 4px #F90;} */ </style> <title>Untitled Document</title> </head> <body> <hr /> </body> </html>Try this way
Jump to PostAdd class and apply changes to that hr with the added class
All 5 Replies
bojjamnaresh
0
Newbie Poster
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
hr{border:dotted 4px #F90;}
/* use this for dashed
hr{border:dashed 4px #F90;} */
</style>
<title>Untitled Document</title>
</head>
<body>
<hr />
</body>
</html>
Try this way
davy_yg
2
Posting Whiz
This shall reset all <hr> into the same patern right? what if I would like some <hr> to remain a straight line with black color.
code_rum
8
Junior Poster in Training
Add class and apply changes to that hr with the added class
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
So for line 23, change it to something like..
<hr class="dotted" />
Then in your style sheet...hr.dotted {border:dashed 4px #F90;}
charlijoseph
0
Newbie Poster
just change in style sheet of class hr.
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.