డ్రాప్-డౌన్ CSS మెనుల్లో చేయడానికి ఎలా

సూచనల

మొదటి, యొక్క ఒక డ్రాప్-డౌన్ మెను ఉంది ఏమి అర్థం తెలియజేయండి. ఈ నిర్వచనం కింద వివిధ పరీక్షించండి నిర్మిస్తోంది వివిధ పద్ధతులు చాలా గెట్స్. ఈ సందర్భంలో, మేము అనేక నిరంతరం కనిపించే అంశాలు అనేక అదనపు (దాచిన) కలిగి నిర్మాణం విశ్లేషిస్తుంది. యొక్క సిద్ధాంతం తో పూర్తి మరియు సాధన ప్రారంభమవుతుంది లెట్.

• మేము మా మెను లేఅవుట్ సృష్టించడానికి. ఈ HTML కోడ్ లేబులింగ్ చేయుటకు. ఒక సమూహ జాబితాను సృష్టించండి:
  • • < / ul>. ఈ వంటి ఏదో మీ డ్రాప్-డౌన్ మెను కనిపిస్తుంది ఉండాలి. తరువాత జోక్యం CSS. ఈ సందర్భంలో ప్రధాన జాబితాలో పరివేష్టిత మూడు ప్రధాన ప్రాంతాలు మరియు రెండు కలిగి.
    • ఉప మెను దాచు. మేము ఒక శైలి ఉపయోగించడానికి ఈ కింది లక్షణాలను define: ఉల్ ఉల్ {display: none;} ఈ స్క్రీన్ నుండి రెండవ జాబితాలో అంశాలు తొలగిస్తుంది.
    • ఒక మెను CSS సృష్టించు ప్రధాన జాబితా నుండి డౌన్ డ్రాప్. కాస్కేడింగ్ స్టైల్ షీట్స్ క్రింది నిబంధన వ్రాయండి: ఉల్ li: ul హోవర్ {display: బ్లాక్;}. ఈ ఎంట్రీ ఉన్నప్పుడు మౌస్ ఉల్ జాబితాలో ఉన్న ఏ ఎలిమెంట్ li, పైగా స్క్రీన్ ఉల్ కనిపిస్తుంది అని (జత) అర్థం. మొదటి చూపులో, ఇటువంటి ఒక పద్ధతిలో క్లిష్టమైన మరియు గందరగోళంగా అనిపించవచ్చు ఉండవచ్చు. కానీ నిజానికి, ప్రతిదీ చాలా సులభం.
    • టాగ్లు
    • మీ కంటెంట్ చేర్చడం ద్వారా ఈ లేఅవుట్ మీరే ఉపయోగించండి. మీరు జాబితా మూలకాల సంఖ్య మార్చవచ్చు.

    అలంకార మార్పులు

    వెంటనే ప్రధాన మెను లేఅవుట్ సిద్ధంగా ఉంది వంటి, మీరు నమోదు వెళ్లండి. బహుశా ఆసక్తిపై మొదటి స్థానంలో అనేక జాబితా అంశం సూచిస్తూ గుర్తులను వదిలించుకోవటం. ఈ ఒకే లక్షణం CSS, అవి జాబితా శైలి-రకం ఉపయోగించి చేయబడుతుంది. li {జాబితా శైలి-రకం: none;} ఈ క్రింది ఎంట్రీ జోడించాలి. అప్పుడు మీరు ఫ్రేమ్ ఇన్సర్ట్ మరియు చేయవచ్చు నేపథ్య. సరిహద్దు మరియు నేపథ్య ఈ మీకు సహాయం. బహుశా కొన్ని ఇష్టం ఉండదు పుల్-డౌన్ మెను అదే ప్రాధమిక అంశాలు నెట్టడం, ఒక అదనపు జాబితా కనిపిస్తుంది. దీనిని పరిష్కరించడానికి, మీరు అది ఉంచడం. ఇది చేయటానికి, కాస్కేడింగ్ స్టైల్ షీట్స్ క్రింది ఎంట్రీ వ్రాయండి: ఉల్ ఉల్ {స్థానం: absolute; ఎడమ: 15 px; కుడి: 15px; top: 15px; క్రింద: 15px;}. వాస్తవానికి, విలువలు మీరు మీ సొంత ఉపయోగిస్తుంది. మీరు డ్రాప్-డౌన్ మెనూలు చూడాలనుకుంటే ఇక్కడ ఆధారపడి, CSS వివిధ ప్రభావాలు జోడించవచ్చు మరియు మా జాబితాలు అలంకరించవచ్చు అని చాలా లక్షణాలు అందిస్తుంది.

    నిర్ధారణకు

    మరోసారి అది మెను లేఅవుట్ నిర్మాణం పేర్కొంది విలువ. ఉదాహరణకు, ఈ సందర్భంలో ఎంబెడెడ్ విలువ ఉపయోగించారు CSS నియమాలు కేటాయించేందుకు, ఉల్ ఉల్. మీరు ఇతర పోలి నిర్మాణం కలిసే పత్రంలో ఉంటే, పెద్ద సమస్యలు ఉండవచ్చు. ఈ పరిస్థితుల్లో, మీరు ఉదాహరణకు, సెలెక్టర్లు లేదా id-ID లు కోసం ఒక నిర్దిష్ట ప్రయోజనం ఉపయోగించాలి. పైన వ్యాసం లేఅవుట్ డ్రాప్-డౌన్ మెను సాధారణ రూపకల్పన సుపరిచితులు రూపొందించబడింది. మిగిలిన మీ భుజాలు ప్రతిష్టించారు.