CSSని పూర్తిగా ఉపయోగించి HTML నుండి సరిహద్దులను ఎలా తీసివేయాలో ఈ పోస్ట్ వివరిస్తుంది.
HTML టేబుల్ నుండి సరిహద్దులను పూర్తిగా తొలగించడం ఎలా?
వినియోగదారులు HTML పట్టిక నుండి సరిహద్దులను పూర్తిగా తీసివేయాలనుకుంటే, సూచనలను చూడండి.
దశ 1: అంచుతో పట్టికను సృష్టించండి
HTMLలో పట్టికను రూపొందించడానికి, సూచనలను అనుసరించండి:
- ముందుగా, టేబుల్ ఎలిమెంట్ను జోడించండి ' <పట్టిక> 'తో పాటు' సరిహద్దు ' గుణం.
- అప్పుడు, '
కావలసిన వరుసల సంఖ్యను సృష్టించడానికి ” ట్యాగ్ జోడించబడింది. - హెడింగ్ సెల్లు ''ని ఉపయోగించి పేర్కొనబడ్డాయి. <వ> ' టాగ్లు.
- దాని తరువాత, '
'ట్యాగ్లు ఇతర వాటిలో చేర్చబడ్డాయి' ”డేటా సెల్లను జోడించడానికి ట్యాగ్లు: < పట్టిక సరిహద్దు = '1px' >
< tr > < వ > పేరు < / వ > < వ > ID < / వ > < వ > వర్గం < / వ >< / tr >
< tr > < td > జెన్నీ < / td > < td > 001 < / td > < td > ఎ < / td >< / tr >
< tr > < td > సముద్ర < / td > < td > 002 < / td > < td > బి < / td >< / tr >
< tr > < td > పెద్దది < / td > < td > 003 < / td > < td > సి < / td >< / tr >
< / పట్టిక >HTML పట్టికను స్టైలింగ్ చేయడానికి, మేము క్రింది CSS లక్షణాలను ఉపయోగిస్తాము:
<శైలి >
పట్టిక {
పాడింగ్ : 10px ;
మార్జిన్ : దానంతట అదే ;
సరిహద్దు : 1px ఘనమైన నలుపు :
}
శైలి >లోపల ' <శైలి> ” ట్యాగ్, దాని ట్యాగ్ని ఉపయోగించి
మూలకాన్ని యాక్సెస్ చేయండి. తరువాత, కింది లక్షణాలను వర్తింపజేయండి:
- ' మార్జిన్ 'విలువతో ఆస్తి' దానంతట అదే ” మూలకం చుట్టూ సమాన స్థలాన్ని సెట్ చేయడానికి ఉపయోగించబడుతుంది.
- ' పాడింగ్ 'విలువతో ఆస్తి' 10px ” మూలకం కంటెంట్ చుట్టూ 10px ఖాళీని సెట్ చేస్తుంది.
- ' సరిహద్దు ” ఆస్తి పట్టిక చుట్టూ సరిహద్దు వర్తిస్తుంది.
అవుట్పుట్
దశ 2: CSSలో అంచుని తీసివేయండి
పట్టిక నుండి సరిహద్దును తీసివేయడానికి, వినియోగదారులు “ని సెట్ చేయాలి సరిహద్దు 'ఆస్తి' ఏదీ లేదు ”:
పట్టిక {
పాడింగ్ : 10px ;
మార్జిన్ : దానంతట అదే ;
సరిహద్దు : ఏదీ లేదు ;
}పట్టిక నుండి బయటి సరిహద్దు విజయవంతంగా తీసివేయబడిందని గమనించవచ్చు:
దశ 3: టేబుల్ అంచుని పూర్తిగా తొలగించండి
ఇంకా, మీరు టేబుల్ నుండి అలాగే సెల్ల నుండి మొత్తం అంచుని తీసివేయాలనుకుంటే, సెట్ చేయండి ' సరిహద్దు 'ఆస్తి' ఏదీ లేదు 'అన్ని అంశాలపై,' పట్టిక ',' tr ',' వ ', మరియు' td ”:
పట్టిక, tr, td, వ{
పాడింగ్: 10px;
మార్జిన్: ఆటో;
సరిహద్దు: ఏదీ లేదు;
}దిగువ అవుట్పుట్ మేము HTML పట్టిక నుండి సరిహద్దును పూర్తిగా తీసివేసినట్లు సూచిస్తుంది:
HTML పట్టికల నుండి సరిహద్దులను పూర్తిగా తొలగించే పద్ధతిని మేము ప్రదర్శించాము.
ముగింపు
HTML పట్టిక నుండి సరిహద్దును పూర్తిగా తీసివేయడానికి, ముందుగా పట్టికను సృష్టించండి. ఆ తర్వాత, CSS లక్షణాలను వర్తింపజేయండి ” సరిహద్దు ',' పాడింగ్ ', మరియు' మార్జిన్ ' బల్ల మీద. అప్పుడు, సరిహద్దు ఆస్తిని ఇలా సెట్ చేయండి ' ఏదీ లేదు 'అన్ని టేబుల్ ఎలిమెంట్స్ మీద,' పట్టిక ',' tr ',' td ', మరియు' వ ”. ఈ ట్యుటోరియల్ HTML పట్టిక నుండి సరిహద్దును పూర్తిగా తొలగించే పద్ధతిని ప్రదర్శించింది.