గైడ్లు

CSS లో బుల్లెట్లను వదిలించుకోవడం ఎలా

అప్రమేయంగా, వెబ్ బ్రౌజర్ వెబ్ పేజీలో క్రమం లేని జాబితాను ప్రదర్శించినప్పుడు, జాబితాలోని ప్రతి అంశానికి ముందు బుల్లెట్ ఉంటుంది. ఈ ప్రవర్తన ఎల్లప్పుడూ కావాల్సినది కాదు మరియు పేజీ కోసం మీ మొత్తం రూపకల్పనతో సరిపోకపోవచ్చు. CSS ను ఉపయోగించి, మీ పేజీలోని నిర్దిష్ట జాబితాల నుండి బుల్లెట్లను తొలగించడానికి మీరు ఒక తరగతిని సృష్టించవచ్చు లేదా పేజీలోని అన్ని జాబితాల నుండి బుల్లెట్లను తొలగించడానికి మీరు నేరుగా HTML “ఉల్” ట్యాగ్‌ను లక్ష్యంగా చేసుకోవచ్చు.

1

టెక్స్ట్ ఎడిటర్ లేదా వెబ్ డెవలప్‌మెంట్ అప్లికేషన్‌లో క్రొత్త HTML పేజీని సృష్టించండి.

2

పేజీ బాడీకి కింది HTML ని జోడించడం ద్వారా సరళమైన క్రమం లేని జాబితాను సృష్టించండి:

  • అంశం 1
  • అంశం 2
  • అంశం 3

పేజీని సేవ్ చేసి వెబ్ బ్రౌజర్‌లో చూడండి. జాబితాలోని ప్రతి అంశం పక్కన బ్రౌజర్ బుల్లెట్‌ను ప్రదర్శిస్తుందని మీరు చూస్తారు.

3

పేజీ యొక్క విభాగానికి క్రింది కోడ్‌ను జోడించండి:

ఇది “మైలిస్ట్” క్లాస్ ఉపయోగించి ఏదైనా జాబితా నుండి బుల్లెట్లను తొలగిస్తుంది. మార్పులను వీక్షించడానికి పేజీని సేవ్ చేసి, మీ వెబ్ బ్రౌజర్‌లో మళ్లీ లోడ్ చేయండి.

4

CSS నియమాన్ని మార్చండి:

.myList {జాబితా-శైలి-రకం: ఏదీ లేదు;}

వీరికి:

ul {జాబితా-శైలి-రకం: ఏదీ లేదు; }

ఇది HTML “ఉల్” ట్యాగ్‌ను లక్ష్యంగా చేసుకుంటుంది మరియు మీ పేజీలోని క్రమం లేని అన్ని జాబితాల నుండి బుల్లెట్లను తొలగిస్తుంది. రెండవ ఉదాహరణ జాబితాను జోడించి, బుల్లెట్లు లేకుండా రెండు జాబితాల ప్రదర్శనను ధృవీకరించడానికి మీ వెబ్ బ్రౌజర్‌లోని పేజీని చూడండి.