हिन्दी

CSS बटन बनाएं

CSS बटन बनाएं — आकार या रंग चुनें और कोड या परिणाम देखें. इनपुट मार्गदर्शन: पृष्ठभूमि रंग, रंग, बटन अंदरूनी अंतर (px), कोने की त्रिज्या (px). खाता ज़रूरी नहीं.

खाता ज़रूरी नहीं

उपकरण लोड हो रहा है…

इनपुट को स्थानीय रूप से संसाधित करने के लिए JavaScript चाहिए। निर्देश और लिंक इसके बिना भी उपलब्ध हैं।

कैसे उपयोग करें

1इनपुट मार्गदर्शन: पृष्ठभूमि रंग, रंग, बटन अंदरूनी अंतर (px), कोने की त्रिज्या (px).
2उपकरण चलाएं और परिणाम देखें।
3परिणाम कॉपी करें / परिणाम फ़ाइल सहेजें.

जानना उपयोगी है

इनपुट की सीमा और इकाइयां जांचें। परिणाम आपके इनपुट और ब्राउज़र पर निर्भर हैं।

विज्ञापन कनेक्शन डेटा संसाधित कर सकते हैं। निजीकरण आपकी गोपनीयता पसंद मानता है। गोपनीयता (अंग्रेज़ी)

गणना किया गया इनपुट और आउटपुट उदाहरण

ये परिणाम इसी उपकरण के इंजन में नीचे के नमूना मान डालकर निकाले गए हैं, आपके निजी इनपुट या सहेजे काम से नहीं। उपकरण में उदाहरण लोड करके वही इनपुट देखें।

नमूना इनपुट

फ़ील्ड	मान
पृष्ठभूमि रंग	#0F766E
रंग	#FFFFFF
बटन अंदरूनी अंतर (px)	12
कोने की त्रिज्या (px)	12

नमूना परिणाम

.button {
  background: #0F766E;
  color: #FFFFFF;
  padding: 12px 24px;
  border: 0;
  border-radius: 12px;
  min-height: 44px;
  cursor: pointer;
}
.button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

इनपुट की शर्तें

ये वास्तविक इनपुट जाँच सीमाएँ हैं; हर स्वीकृत मान के यथार्थ या आपके मामले में उपयुक्त होने की गारंटी नहीं हैं।

बटन अंदरूनी अंतर (px): स्वीकृत सीमा: 4 ≤ x ≤ 40
कोने की त्रिज्या (px): स्वीकृत सीमा: 0 ≤ x ≤ 100