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

सीएसएस के साथ अनियंत्रित सूचियों पर स्क्वायर बुलेट कैसे बनाएं

CSS प्रॉपर्टी list-style-type . के साथ अनियंत्रित सूचियों पर वर्गाकार बुलेट पॉइंट बनाना सीखें ।

डिफ़ॉल्ट रूप से, अनियंत्रित सूची आइटम (<ul> ) वेब पेज पर गोल बुलेट पॉइंट का उपयोग करता है।

गोल बुलेट पॉइंट इस तरह से स्टाइल किए गए हैं:

ul {
  list-style-type: disc;
}

और इस तरह दिखें:

  • एचटीएमएल
  • सीएसएस
  • जावास्क्रिप्ट

अपने बुलेट बिंदुओं को वर्गाकार बनाने के लिए, आप डिफ़ॉल्ट list-style-type . को ओवरराइड कर सकते हैं इस तरह की सेटिंग:

ul {
  list-style-type: square;
}

वर्गाकार गोलियों का उदाहरण:

  • एचटीएमएल
  • सीएसएस
  • जावास्क्रिप्ट

स्क्वायर बुलेट पॉइंट असामान्य हैं, लेकिन कुछ वेबसाइटों पर, वे बहुत अच्छे हैं। यह इस बात पर निर्भर करता है कि आप किस शैलीगत रूप और विषय के लिए जा रहे हैं।


  1. सीएसएस के साथ सूचियों के लिए बुलेट रंग कैसे बदलें?

    CSS वाली सूचियों के लिए बुलेट रंग बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI

  1. CSS का उपयोग करके सूचियों में बुलेट को कैसे चेतन करें

    एक अनियंत्रित सूची में बुलेट को स्टाइल करने के लिए, हम सूची-शैली पोर का उपयोग कर सकते हैं सिंटैक्स CSS ली-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है - li { सूची-शैली:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS ली-स्टाइल संपत्ति को दर्शाते हैं। li { मार्जिन:3px 0; गद्दी:2%; चौड़ाई:28%; लाइन-ऊंचाई:1.2

  1. HTML में वर्गाकार गोलियों के साथ एक अनियंत्रित सूची कैसे बनाएं?

    HTML में अव्यवस्थित सूची बनाने के लिए टैग का प्रयोग करें। अनियंत्रित सूची टैग से शुरू होती है। सूची आइटम टैग से शुरू होता है और डिस्क, वर्ग, सर्कल, आदि के रूप में चिह्नित किया जाएगा। डिफ़ॉल्ट बुलेट है, जो छोटे काले घेरे हैं। सर्कल बुलेट के साथ एक अनियंत्रित सूची बनाने के लिए, CSS संपत्ति सूची-शैल