html - CSS: is there any way to style an <ol> bullet so that it is circular and has a background? -
इस सवाल का पहले से ही एक उत्तर है: < / P>
- 2 जवाब
डेमो यह दिखाता है कि मैं क्या '
उदाहरण के लिए:
& lt; ol वर्ग =" अरबी "& gt; & Lt; li & gt; चरण एक & lt; / li & gt; & Lt; / ol & gt; Ol.arabic {सूची-शैली: दशमलव; }
ज़रूर, डिफ़ॉल्ट स्टाइल रीसेट करें और विभिन्न <पूर्व> काउंटर का उपयोग करें शैली:
ol.arabic {list-style-type: none; काउंटर रीसेट: ओएल-काउंटर; } Ol.arabic & gt; Li: पहले {content: काउंटर (ओएल-काउंटर); प्रति-वेतन वृद्धि: ओल-काउंटर; सफ़ेद रंग; पृष्ठभूमि: # 452073; सीमा-त्रिज्या: 140px; फ़ॉन्ट वजन: 700; चौड़ाई: 30px; ऊंचाई: 30px; स्थिति: रिश्तेदार; फ़ॉन्ट-आकार: 18px; रेखा-ऊंचाई: 28px; टेक्स्ट इंडेंट: 0 पिक्सेल; पाठ संरेखित करें: केंद्र; प्रदर्शन: इनलाइन-ब्लॉक; मार्जिन-सही: 4px; }
Comments
Post a Comment