Important Notice:

Course Content
CSS Framework (Chapter- 5) M2-R5.1
About Lesson

Button Colors

          सभी w3-color classes का उपयोग बटनों में color जोड़ने के लिए किया जाता है:

All the w3-color classes is used to add 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>Button Colors</h2>

  <p><button class=”w3-button w3-red”>Red</button></p>

  <p><button class=”w3-button w3-pink”>Pink</button></p>

  <p><button class=”w3-button w3-purple”>Purple</button></p>

  <p><button class=”w3-button w3-deep-purple”>Deep Purple</button></p>

  <p><button class=”w3-button w3-indigo”>Indigo</button></p>

  <p><button class=”w3-button w3-blue”>Blue</button></p>

  <p><button class=”w3-button w3-light-blue”>Light Blue</button></p>

  <p><button class=”w3-button w3-cyan”>Cyan</button></p>

</div>

</body>

</html>

error: Content is protected !!