css thinner hr
hr {
border: none;
height: 1px;
/* Set the hr color */
color: #333; /* old IE */
background-color: #333; /* Modern Browsers */
}css thinner hr
hr {
border: none;
height: 1px;
/* Set the hr color */
color: #333; /* old IE */
background-color: #333; /* Modern Browsers */
}how to change the color of the hr tag in html
<style>
hr{
height: 1px;
background-color: #ccc;
border: none;
}
</style>html horizontal line style
<!-- HTML -->
<!-- You can change the style of the horizontal line like this: -->
<hr style="width:50%", size="3", color=black>
<!-- Or like this: -->
<hr style="height:2px; width:50%; border-width:0; color:red; background-color:red">hr tag customize using css
hr {
border-top: 2px solid black;
}how to style an hr tag
/* Red border */
hr.new1 {
border-top: 1px solid red;
}
/* Dashed red border */
hr.new2 {
border-top: 1px dashed red;
}
/* Dotted red border */
hr.new3 {
border-top: 1px dotted red;
}
/* Thick red border */
hr.new4 {
border: 1px solid red;
}
/* Large rounded green border */
hr.new5 {
border: 10px solid green;
border-radius: 5px;
}custom hr in css
<hr class="style-two">
/* Inset */
hr.style-two {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
