how to change the color of the hr tag in html

Solutions on MaxInterview for how to change the color of the hr tag in html by the best coders in the world

showing results for - "how to change the color of the hr tag in html"
Francisco
18 Sep 2018
1<style>       
2    hr{
3        height: 1px;
4        background-color: #ccc;
5        border: none;
6    }
7</style>
8
Cassie
27 Aug 2020
1<style>
2/* Red border */
3hr.new1 {
4  border-top: 1px solid red;
5}
6
7/* Dashed red border */
8hr.new2 {
9  border-top: 1px dashed red;
10}
11
12/* Dotted red border */
13hr.new3 {
14  border-top: 1px dotted red;
15}
16
17/* Thick red border */
18hr.new4 {
19  border: 1px solid red;
20}
21
22/* Large rounded green border */
23hr.new5 {
24  border: 10px solid green;
25  border-radius: 5px;
26}
27</style>
28 
29<h2>Style HR</h2>
30<p>Default:</p>
31<hr>
32<p>Different styles of HR:</p>
33<hr class="new1">
34<hr class="new2">
35<hr class="new3">
36<hr class="new4">
37<hr class="new5">
38
Stefania
18 May 2018
1border: 1px solid red;
queries leading to this page
hr line colorhow to change font color in htmlhow to apply color on hrhtml change text color hr how to change color of horizontal line in htmlhtml code for horizontal line with colorthickness of hr in htmlhr white htmlhow to add color to hrhow to make a line in html and csscss modify hrset hr color in htmlhow to change the color of the hr tag in simple htmlhow make a horizontal line in css and htmlcss hr thicknesschange color of hr tag htmlhr size bootstraphr line black bootstrap 4skin color htmlhtml hr tagset color to horizontal linehow to set the color of hrhow to fill a horizontal line tage with color in csschanging hr color csstag hr in htmlhow to draw horizontal line in csschange a color of a line in htmlhr css colorhorizontal line color in htmlcss how to change color of hrhtml hr color cssdraw separatorline cssbootstrap 4 horizontal linecolour an hr htmlhow to add line hr in cssadd horizontal line csshr border color csshr bootstraphr size csshorizontal line csshow to make hr tag boldmake horizontal line using cssline color csshow to change color of hr tag htmlhow to set the color of hr in csshtml hr colourcss for hr thicknesschange color of href tag in htmldiv class horizontal linebootstrap 4 horizontal line stylechange color of hr csscss hr solidhtml horizontal line colorcss change the color of hrhow to set hr tag colorhow to give color to hr in htmlhtml horizontal linewhite horizontal line htmlcss hr sizehr tag color solid in bootstrap 5change color of horizontal rulecss hr colorwhite horizontal lines htmlwhite to style hr colorhow to make a horizontal line in html csschange hr color htmlhorizontal hr css stylehr css stylecss why is my hr on tophow to make a line html csshow to color a hr in htmlhow to apply color to the hrhtml hr class color bootstraphr line color and bolddraw horizontal line html csshtml change color of a linehr properties csscss create linehorizonatal rule htmlhorizontal line html 27css color hr tagcolor to hr linechange color of hr tag in cssmodifying 3chr 3e csshorizontal line bootstrapchange colour of hr htmlhtml change line color 3dhow to make a line in csschanging hr elements background colorhow to change color of a hr cssbootstrap 4 hr colorchange hr colour csshr rule csshr in bootstrapset hr colorgive another color to an hr htmlhr how to change color of line htmlhow to give a color to hr elementcss add horizontal line to divcss set color of hrhow to change the color of hr in html and csshow to make hr tag white colorstyle horizontal line cssc 23 styling hrchange color of horizontal line in cssstraight line csshorizontal line css stylehow to change the color of line htmlhtml horizantal linehr with or csscolor of hr in htmlhow to add colour to 3chr 3emake horizontal line csschange color of hr in htmlcss line horizontalhtml hr csshtml how to cahnge color of hr linecss hrhow to modify color of hr in htmlchange hr color csscolor hr csshr styles csshtml hr boldchange color of hr line htmlgive a class to 3chr 2f 3ehr in html csshow to give horizontal line using csshow can we apply colours to hr tag htmlcss change colour of hrhr element csshr tag different colorshtml css separating linehr html colorbold hr in htmlhr heder htmlchange the color of horizontal line in htmlchange hr colorm htmlhow to change color of horizontal rowcss for hrhow to change size of horizontal line in csshow to set color for hr tag in htmlcss draw horizontal linehr length csscss how to change hr colorhow to edit hr in csshow to change the color of an hr tag in csshow to color between hr tag in htmlhr change colo for linesize hrhtml color hr tagchange color of horizontal line in htmldefault color of hr in htmlhr tag with icon in html and csscss hr style colorhow to change hr element style in bootstrapcss change hr colorhow to add white color line in htmladd horizontal line in htmlhtml line colorhr width html colorchange horizontal line colorhow to make hr tag whitehr css designbootstrap 4 hrhr tag line colorcustom hr csslinetag csshtml hr element colorhtml hr tag colorhr tag in html colorhow to change hr color htmlchage color of hr htmlsetting horizontal rule colorset hr color cssset the color of an hrsolid hr htmlcoloring hr tag in htmlhtml hr tag thicknesshr heightcss change lenght hr linechanging a hr color htmlchange the color of hr cssbootstrap change hr colorhow to create three color of one hr in htmlcreate a horizantal line with csscolor a hr csshr tag different colors csshorizontal line color htmlcss to hrhr style borderchange color of horizontal rule csshow to change the color of an hr tag in htmlchange background color of hr htmlhow to change hr line color in htmlmake an hr boldhr tag cssbolad hr in htmlhr color whiteset html hr colorcan you change the color of a hr in htmlhr in csshr line htmlbootstrap hr colorsolid line csshow to change color of hr in csshow to color hr htmlcss cool hr colorhtml hr solid colorcss hr lineschange horizontal line color htmlstyle an hr tag csscolor of hr tag htmlhorizontal divider csschange color of an hr csshow to make thik horizontal line in htmlbootstrap horizontal linehtml hr attributeshow to set color of hr tagline horizontal csshtml chanage hr colorhr in htmladd line csshr width and colorcss how to add horizontal linehorizontal hr csscss horizontal linecreate horizontal line csshow to write horizontal line in csschange color of hr elementhow to change hr tage color in csshow to set color for horizontal rule htmlhow to change hr in csschange color of link htmlhow to set hr color in htmlhow to change hr line style in csschange color of hr tag in htmlhr style htmlchange hr color in csshow to change the color of hr tag in htmlhow to make line in html csshorizontal line css in divhow to change hr color in csshorozintal line htmlhow to change color of hr tag in htmlhr tag color in htmlcss change color of hrchange color of html link textcss hr selectori can 27t change html body colorapply color for horizontal rule htmlhow to change html horizontal line colorhow to change color of an hr in csshtml hr tag with colorhr styling htmlhtml5 horizontal line style inlinewhat default color is an hr tagchange horizontal line style css htmlhow to change color for hr in htmladd color somewherechanging hr color htmlcss color hrhorizontal line in htmlhow to give color to hr tag in bootstraphow to add color style to hr tag in htmlhow to edit hr in htmlhow to change the colour of hr in htmlhow to change color of the horizontal line csschanging color of hr csshr colour csshow to add color to a hr taghr htmlhr css style solid linelines html csshow to change the color of horizontal line in htmlhr style bootstrap 4height hrhow to change hr size in css 3chr 3e htmladd a line in csshr black color htmlhow to add color in hrclass for horizontal linehtml change hr tag color 3chr 3e add colourhr color tag in htmlhtml hr standard colorhtml hr with colorto edit hr in thmlhtml hr style colorhr color change csshr element bootstraphr style whitecolor hr htmlhorizontal line in csscolor white to hr in htmlset color for hrhow to make hr color in htmlset color of hrhow to change the color of the hr tag in htmlhow to code for hr color in csshow to color 3chr 2f 3e in htmlhr tag color attributeshr in bootstrap 4how to change the color of hr css 3chr 3e csshr tag size csshtml hr displaybootstrap hrhr bootstrap 4 colorchange hr line color htmlhow make line in csshr tag border widthcss add linebootstrap hr widthhow to make horizontal line csshtml hr thickness and colorhr linehr default cssbootstrap hr linehr html change colorhtml hr tag background colorhr width csscss color an hrhtml change color of hrhtml hr color whitecss hr change colorchange the color of an hr elementchange color of hr tag html inlinechange color of hr htmlhr tag in bootstraphow to change the color of an hr in htmlmodifying hr csswhat is hr color in htmlhr style exampleshtml hr line colorstyles for hr taghow to change the color of an hr tg in htmlcss change color of a hrline in html with colorchange color hr csshow to change colors of horizontal lines in htmlhow to make horizontal line in csscolor hr tag htmlcss change color of hr taghr color csshow to set hr colorhow to change line color in htmlhow to put color on hradd color to hr taghr lines csschange hr csshow to change hr color in htmlset hr to default in htmlhorizontal line html csshorizontal rule css codehtml change color of 3chr 3ehtml colot hr change hr line colorhtml horizontal line thicknesshow to fixed hr cssset color for hr taghr tag htmlhtml css hrhow to color hr in htmldiv set hr tag colorhow to set color of hrcss colored horizontal linehr bootstrap 4hr element color cssbootstrap 4 hr whitechange color hr tag csscustom color hr csscss make all hr same colorhr class bootstraphtml hrhow to give color to hr tag in csshow to create horizontal line in bootstrapset color of hr tagchange hr color bootstraphow to color the hr tag in htmlcss how to color hrdraw horizontal line in csshow to change the color of hr in csshr how to make hr tag bold in htmlchange coloru horizonal linehow to draw a horizontal line in csshow to change color of hr in htmlhow to change the hr color in htmlhow to change color of hr in html and cssincrease hr widthhr change color csshow to give colour to hr tag in htmlhorizontal line html codecss line separatorcolor of hr htmlhtml hr thicknesshr stylescolor the hr cssmake horizontal lineschange the color of hr in htmlhow to change color of hr linecolor hr in htmlcss chnage hr colorhr tag in html thicknesshr with color in htmlhr color htmlhtml style hrchange hr color in htmlhtml color horizontal linecss general style hrhr tag color in cssblack hr line csshtml white 3chr 3ehr csscss hr default stylehow to color 3chr 3e element htmlhow to add color to hr tag in htmlhr line css stylinghow to make line in csshow to change colors of horizontal lines in csshr html stylechange hr line color cssmaking a horizontal line in cssa line of csscss hr stylehr default colorhow to add color in hr tagcolor css hrhtml change line colorhtml hr change colordraw horizontal line in htmlhow to style a line horizontally in htmlhow to add hr in csshtml change hr colorhow to set color for h1 in htmlhr line in htmlstyle hr csshr thickness csshow to change color of hr csscss hr borderdraw line hrcssdraw horizontal line csshtml hr class colorcss straight linecss set hr colorhtml how to change hr colorhow to design horizontal line in htmlhtml hr colorhow to make a hr in css red colorfull page line in csshr style csshow to make the hr thicker in htmlhr html style colorcss to change hr colorhr colour htmlcss hr colourpaging with horizontal line html csscss create a horizontal linewhat is the default color of a hr taggive hr color csshr color in htmlcan you give color to hr element in csshow to change the color of the hr tag in html