Skip to main content

ఒక టేబుల్ నేపథ్య రంగు మార్చండి ఎలా

Anonim

ఒక వెబ్సైట్లో పట్టికలోని భాగాల నేపథ్య రంగులను మార్చడానికి పద్ధతి సంవత్సరాలుగా మారింది, శైలి షీట్లు పరిచయంతో ఇంటెన్సివ్ సులభంగా మరియు తక్కువగా మారింది.

పాత పధ్ధతి పట్టిక యొక్క నేపథ్య రంగును మార్చడానికి లక్షణం bgcolor ను ఉపయోగించింది. ఇది పట్టిక వరుస లేదా పట్టిక గడిని మార్చడానికి కూడా ఉపయోగించవచ్చు. కానీ bgcolor లక్షణం శైలి షీట్లు అనుకూలంగా డీప్రికేటెడ్ చెయ్యబడింది, కాబట్టి అది ఒక పట్టిక యొక్క నేపథ్య రంగు మార్చడానికి సరైన మార్గం కాదు.

నేపథ్య రంగును మార్చడానికి మంచి మార్గం శైలి ఆస్తి నేపథ్య రంగును పట్టిక, వరుస లేదా సెల్ ట్యాగ్కు జోడించడం.

ఇది మొత్తం పట్టిక యొక్క నేపథ్య రంగును మారుస్తుంది:

ఒక వరుస యొక్క రంగును మార్చడానికి, నేపథ్య-రంగు లక్షణాన్ని ఇన్సర్ట్ చేయండి

ట్యాగ్:

మీరు లక్షణాన్ని జోడించడం ద్వారా ఒకే గడి యొక్క రంగును మార్చవచ్చు

ట్యాగ్:

మీరు నేపథ్య రంగులను పట్టిక తలలకు వర్తింపజేయవచ్చు, లేదా

ట్యాగ్, అదే విధంగా:

శైలి షీట్లు ఉపయోగించి నేపథ్య రంగు మార్చండి

మీరు శైలి ఆస్తి నేపథ్య రంగును పట్టికకు జోడించకూడదనుకుంటే, నేపథ్య రంగును సెట్ చేయడానికి ప్రత్యామ్నాయ మార్గాలు ఉన్నాయి. ఉదాహరణకు, మీరు మీ HTML డాక్యుమెంట్ యొక్క HEAD లోని శైలి షీట్లో శైలులను సెట్ చేయవచ్చు లేదా వాటిని బాహ్య శైలి షీట్లో సెట్ చేయవచ్చు. ఈ HEAD లో లేదా బాహ్య స్టైల్ షీట్లో మార్పులు పట్టికలు, అడ్డు వరుసలు మరియు కణాలు కోసం ఇలాంటివి కనిపిస్తాయి:

పట్టిక {background-color: # ff0000; } tr {background-color: పసుపు; } td {background-color: # 000; }

నిలువు వరుస నేపథ్య రంగును అమర్చడం

ఒక కాలమ్ కోసం నేపథ్య రంగు సెట్ ఉత్తమ మార్గం ఒక శైలి తరగతి సృష్టించడానికి మరియు ఆ కాలమ్ లో కణాలు తరగతి ఆ కేటాయించడం. ఒక క్లాస్ని సృష్టించడం ద్వారా ఆ తరగతిని ఒక నిర్దిష్ట నిలువు వరుసలో కణాలకు కేటాయించవచ్చు.

CSS:

td.ColColor {background-color: blue; }

HTML:

సెల్ 1సెల్ 2
సెల్ 1సెల్ 2

ఒక శైలి షీట్ ద్వారా నేపథ్య రంగులను నియంత్రించడం ఒక ముఖ్యమైన ప్రయోజనం తర్వాత మీ రంగు ఎంపికను మార్చగల సామర్థ్యం. బదులుగా HTML పత్రం ద్వారా వెళ్ళడానికి మరియు ప్రతి ఒక్క సెల్ కు మార్పును చేయకుండా, మీరు CSS లో రంగు ఎంపికకు ఒకే మార్పు చేయవచ్చు మరియు ఇది తరగతి = "Colcolor" ఉపయోగించబడుతున్న ప్రతి సందర్భంలోనూ వెంటనే అన్వయించబడుతుంది. ఇది అపారమైన సమయాన్ని ఆదా చేస్తుంది మరియు ఒక కణ రంగు మార్పును తప్పిపోయినట్లుగా లోపాల అవకాశాలను తగ్గిస్తుంది.

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