कैसे करें - पूरी चौड़ाई (ब्लॉक) बटन
CSS के साथ ब्लॉक बटन (पूरी-चौड़ाई) को स्टाइल करना सीखें।
ब्लॉक बटन को कैसे स्टाइल करें
चरण 1) HTML जोड़ें:
उदाहरण
<button
type="button" class="block">Block Button</button>
चरण 2) सीएसएस जोड़ें:
एक पूर्ण-चौड़ाई वाला बटन बनाने के लिए, 100% की चौड़ाई जोड़ें और इसे एक ब्लॉक तत्व में बनाएं:
उदाहरण
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
बटनों को स्टाइल करने के तरीके के बारे में अधिक जानने के लिए हमारे CSS बटन ट्यूटोरियल पर जाएँ।