Search the Community
Showing results for tags 'border colors'.
-
I noticed on my website that some of the border colors are not working, so I came back to the W3 colors page and verified there weren't any changes to color names, then I looked at the borders page to verify that the borders have not changed, and my code is correct. But some of the colors are only displaying as grey, below are some, not all, in a test from the W3-borders Tryit Editor page (I get the same results on my own website) - <!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <body> <div class="w3-container"> <h2>Thick Border Bars</h2> <div class="w3-panel w3-leftbar w3-border-blue"> <p>I have a thick left blue border.</p> </div> <div class="w3-container w3-rightbar w3-border-indigo"> <p>I have a thick right indigo border.</p> </div> </div> <div class="w3-panel w3-topbar w3-border-cyan"> <p>I have a thick cyan top border.</p> </div> <div class="w3-panel w3-bottombar w3-border-teal"> <p>I have a thick teal bottom border.</p> </div> <div class="w3-panel w3-leftbar w3-border-red"> <p>I have a thick red left border.</p> </div> <div class="w3-panel w3-rightbar w3-border-pink"> <p>I have a thick pink right border.</p> </div> <div class="w3-panel w3-topbar w3-border-orange"> <p>I have a thick orange top border.</p> </div> <div class="w3-panel w3-bottombar w3-border-yellow"> <p>I have a thick yellow bottom border.</p> </div> <div class="w3-container w3-leftbar w3-border-deep-orange"> <p>I have a thick deep-orange left border.</p> </div> <div class="w3-container w3-rightbar w3-border-amber"> <p>I have a thick amber right border.</p> </div> <div class="w3-panel w3-bottombar w3-border-lime"> <p>I have a thick lime bottom border.</p> </div> <div class="w3-panel w3-topbar w3-border-khaki"> <p>I have a thick khaki top border.</p> </div> </div> </body> </html>