कैसे बनाएं: पूर्ण चौड़ाई (ब्लॉक) बटन

CSS के द्वारा ब्लॉक स्टेयर्ड (पूर्ण चौड़ाई) बटन की शैली को कैसे सेट करें सीखें。

कैसे ब्लॉक स्टेयर्ड बटन की शैली निर्धारित करें

पहला कदम - एचटीएमएल जोड़ें:

<button type="button" class="block">Block Button</button>

दूसरा कदम - एसएसी जोड़ें:

कैसे ब्लॉक स्टेयर्ड बटन बनाएं - 100% चौड़ाई और इसे ब्लॉक स्टेयर्ड एलिमेंट बनाएं:

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #04AA6D;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

स्वयं आयात्रा करें

संबंधित पृष्ठ

तालीम:CSS बटन