Important Notice:

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

Button Borders

          buttons में बॉर्डर जोड़ने के लिए w3-border क्लास का उपयोग किया जा सकता है। बॉर्डर के color को define करने के लिए w3-border-color classes का उपयोग किया जाता है

      The w3-border class can be used to add borders to buttons.  

      The w3-border-color classes are used to define the color of the border:

<!DOCTYPE html>



<meta name=”viewport” content=”width=device-width, initial-scale=1″>

<link rel=”stylesheet” href=””>


.w3-btn {margin-bottom:10px;}



<div class=”w3-container”>

<h2>Button Borders</h2>


  <button class=”w3-button w3-white w3-border”>Button</button>

  <button class=”w3-button w3-yellow w3-border”>Button</button>

  <button class=”w3-button w3-white w3-border w3-round-large”>Button</button>

  <button class=”w3-button w3-white w3-border w3-border-red w3-round-large”>Button</button>





error: Content is protected !!