Learn Free Tutorial HTML
Learn Free Tutorial CSS
Learn Free Tutorial CSS Framework
Learn Free Basic Computer
Learn Free Tutorial Python
Change Orientation
Theme
Run ❯
Get Free courses
<!DOCTYPE html> <html> <title>W3.CSS</title> <link rel="stylesheet" href="https://nielitbhu.com/w3file.css"> <body> <div class="w3-container"> <h2>Use of different Border with Colors</h2> <div class="w3-panel w3-border w3-border-green w3-hover-border-red"> <p>This is green border with red color hover.</p> </div> <div class="w3-panel w3-border-left w3-border-blue w3-hover-border-orange"> <p>This is blue left border with orange color hover.</p> </div> <div class="w3-panel w3-border-right w3-border-red w3-hover-border-green"> <p>This is red right border with green color hover.</p> </div> <div class="w3-panel w3-border-top w3-border-bottom w3-border-green w3-hover-border-blue"> <p>This is green top and bottom border with blue color hover.</p> </div> <div class="w3-panel w3-border-left w3-pale-red w3-border-red w3-hover-border-blue"> <p>I have a red left border and a pale-red background color with blue color hover.</p> </div> </div> </body> </html>