Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS से बुलेट्स के बिना अनऑर्डर्ड लिस्ट कैसे बनाएं?


अनऑर्डर्ड लिस्ट (ul) से डिफ़ॉल्ट बुलेट्स हटाने के लिए list-style-type: none उपयोग करें। मार्जिन/पैडिंग शून्य करके डिफ़ॉल्ट इंडेंटेशन भी हटाएं।

उदाहरण

<!DOCTYPE html>
<html>
<head>
  <style>
    body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
    ul {
      list-style-type: none; margin: 0; padding: 0;
      font-size: 18px; font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Remove bullets from ul example</h1>
  <ul>
    <li>Tiger</li> <li>Giraffe</li> <li>Lion</li>
  </ul>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट उत्पन्न करेगा:

CSS से बुलेट्स के बिना अनऑर्डर्ड लिस्ट कैसे बनाएं?

मुख्य बिंदु

  • list-style-type: none - बुलेट्स/नंबर हटाता है
  • margin: 0; padding: 0 - डिफ़ॉल्ट ब्राउज़र स्पेसिंग रीसेट
  • कस्टम मार्कर - ::before प्सूडो से कस्टम बुलेट जोड़ सकते हैं
  • नेविगेशन मेनू - आम उपयोग मामला
  • ओएल पर भी काम - ऑर्डर्ड लिस्ट से नंबर हटाने के लिए
  1. HTML में स्क्वायर बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं? HTML में स्क्वायर बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं?

    CSS list-style-type: square अनऑर्डर्ड लिस्ट में स्क्वायर (वर्गाकार) बुलेट्स के लिए <ul> टैग पर CSS list-style-type: square उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head> <body> <h1>Developed

  1. HTML में डिस्क बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं? HTML में डिस्क बुलेट्स वाली अनऑर्डर्ड लिस्ट कैसे बनाएं?

    CSS list-style-type: disc (डिफ़ॉल्ट) अनऑर्डर्ड लिस्ट में डिस्क (भरे हुए गोले) बुलेट्स डिफ़ॉल्ट होते हैं। स्पष्ट रूप से सेट करने के लिए <ul> पर list-style-type: disc उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML Unordered List</title> </head&g

  1. HTML के बिना वेबसाइट कैसे बनाएं? HTML के बिना वेबसाइट कैसे बनाएं?

    कोडिंग के बिना वेबसाइट बनाने के तरीके यदि आपको HTML/CSS नहीं आती, फिर भी आप बिना एक भी लाइन कोड लिखे वेबसाइट बना सकते हैं: 1. वेबसाइट बिल्डर्स (Website Builders) होस्टिंग प्लान खरीदने पर होस्टिंग कंपनी फ्री वेबसाइट बिल्डर देती है जिससे ड्रैग-एंड-ड्रॉप से वेबसाइट बन जाती है। 2. कंटेंट मैनेजमेंट सि