About Lesson
Hover Colors
buttons में hover color जोड़ने के लिए w3-hover-color classes का उपयोग किया जाता है:
The w3-hover-color classes is used to add hover color to buttons
|
<!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”> <style> .w3-button {width:150px} </style> <body> <div class=”w3-container”> <h2>Hover Colors</h2> <p>Hover over the buttons to see the effect:</p> <p><button class=”w3-button w3-border w3-hover-red”>Red</button></p> <p><button class=”w3-button w3-border w3-hover-pink”>Pink</button></p> <p><button class=”w3-button w3-border w3-hover-purple”>Purple</button></p> </div> </body> </html> |
