ਇਕ ਸਾਰਣੀ ਦੇ ਬੈਕਗਰਾਊਂਡ ਰੰਗ ਨੂੰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ

ਬਹੁਤ ਸਾਰੇ ਨਵੇਂ ਜਾਂ ਸ਼ੁਕੀਨ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਇਹ ਜਾਣਨਾ ਚਾਹੁੰਦੇ ਹਨ ਕਿ ਟੇਬਲ ਦੇ ਬੈਕਗਰਾਊਂਡ ਰੰਗ ਨੂੰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ. ਕੁਝ ਮਿੰਟਾਂ ਵਿਚ, ਤੁਸੀਂ ਇਸ ਸੰਖੇਪ ਟਯੂਟੋਰਿਅਲ ਨਾਲ ਇਸ ਤਕਨੀਕ ਨੂੰ ਕਿਵੇਂ ਚਲਾਉਣਾ ਸਿੱਖ ਸਕਦੇ ਹੋ. ਇਹ ਵਿਧੀ ਡਰਾਉਣੀ ਨਹੀਂ ਹੈ ਜਿਵੇਂ ਇਹ ਲਗਦਾ ਹੈ. ਟੇਬਲ ਦੇ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗ ਨੂੰ ਬਦਲਣਾ ਸੈਲ, ਕਤਾਰ ਜਾਂ ਸਾਰਣੀ ਵਿੱਚ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਜੋੜਨਾ ਜਿੰਨਾ ਸੌਖਾ ਹੈ, ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਰੰਗਦਾਰ ਚਾਹੁੰਦੇ ਹੋ.

ਕਿਵੇਂ ਸ਼ੁਰੂ ਕਰੀਏ

ਵਿਸ਼ੇਸ਼ਤਾ bgcolor ਟੇਬਲ ਦੇ ਨਾਲ ਨਾਲ ਮੌਜੂਦਾ ਸਾਰਣੀ ਕਤਾਰ ਜਾਂ ਮੌਜੂਦਾ ਟੇਬਲ ਸੈਲ ਦੇ ਪਿਛੋਕੜ ਰੰਗ ਨੂੰ ਬਦਲ ਦੇਵੇਗਾ. ਪਰ bgcolor ਗੁਣ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਦੇ ਪੱਖ ਵਿੱਚ ਛੱਡੇ ਗਏ ਹਨ, ਇਸ ਲਈ ਇਹ ਸਾਰਣੀ ਦੇ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗ ਨੂੰ ਬਦਲਣ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਨਹੀਂ ਹੈ. ਪਿੱਠਭੂਮੀ ਰੰਗ ਨੂੰ ਬਦਲਣ ਦਾ ਬਿਹਤਰ ਤਰੀਕਾ ਇਹ ਹੈ ਕਿ ਸਟਾਇਲ ਪ੍ਰਾਪਰਟੀ ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ ਟੇਬਲ, ਕਤਾਰ ਜਾਂ ਸੈਲ ਟੈਗ ਵਿੱਚ ਜੋੜਿਆ ਜਾਵੇ. ਕਿਵੇਂ ਸਿੱਖਣ ਲਈ ਹੇਠਾਂ ਉਦਾਹਰਨ ਦੇਖੋ

<ਸਾਰਣੀ ਸ਼ੈਲੀ = "ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: # ff0000;">

ਜੇ ਕਿਸੇ ਕਾਰਨ ਕਰਕੇ, ਤੁਸੀਂ ਸਟਾਇਲ ਪ੍ਰਾਪਰਟੀ ਦੀ ਪਿੱਠਭੂਮੀ-ਰੰਗ ਨੂੰ ਸਾਰਣੀ ਵਿੱਚ ਨਹੀਂ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਸਦੇ ਵਿਕਲਪਾਂ ਦੀ ਚੋਣ ਕਰਨੀ ਹੈ. ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਿਰਲੇਖ ਜਾਂ ਇੱਕ ਬਾਹਰੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿੱਚ ਸਟਾਇਲ ਸ਼ੀਟ ਵਿੱਚ ਸਟਾਈਲ ਸਥਾਪਤ ਕਰ ਸਕਦੇ ਹੋ. ਹੇਠ ਵੇਖੋ:

ਸਾਰਣੀ {ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: # ff0000; } tr {background-color: yellow; } td {ਪਿੱਠਭੂਮੀ ਰੰਗ: # 000; }

ਬੈਕਗਰਾਊਂਡ ਰੰਗ ਸੈਟਿੰਗ

ਕਾਲਮ 'ਤੇ ਬੈਕਗਰਾਊਂਡ ਰੰਗ ਸੈੱਟ ਕਰਨ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਹੈ ਕਿ ਸਟਾਇਲ ਕਲਾਸ ਬਣਾਉ ਅਤੇ ਉਸ ਕਲਾਸ ਨੂੰ ਉਸ ਕਾਲਮ ਵਿਚ ਵੰਡੋ. ਇਹ ਕਿਵੇਂ ਸਿੱਖਣਾ ਹੈ ਹੇਠਾਂ ਦੇਖੋ.

CSS:

td.blueCol {ਪਿੱਠਭੂਮੀ ਰੰਗ: ਨੀਲਾ; }

HTML:

<ਸਾਰਣੀ> class = "blueCol" > ਸੈਲ 1 ਸੈਲ 2 class = "blueCol" > ਸੈਲ 1 ਸੈਲ 2

ਰੈਪਿੰਗ ਅਪ

ਭਾਵੇਂ ਤੁਸੀਂ ਪਹਿਲਾਂ ਕਦੇ ਟੇਬਲ ਦੇ ਬੈਕਗਰਾਉਂਡ ਰੰਗਾਂ ਨੂੰ ਨਹੀਂ ਬਦਲਿਆ, ਤੁਸੀਂ ਉੱਪਰ ਦਿੱਤੇ ਉਦਾਹਰਣਾਂ ਨੂੰ ਆਪਣੀ ਖੁਦ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਕਾਪੀ ਕਰ ਸਕਦੇ ਹੋ. ਪੇਸ਼ ਕੀਤੇ ਗਏ ਵੱਖ-ਵੱਖ ਵਿਕਲਪਾਂ ਨੂੰ ਅਜ਼ਮਾਓ ਅਤੇ ਉਸ ਨੂੰ ਚੁਣੋ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਅਖੀਰ ਵਿੱਚ ਸਭ ਤੋਂ ਅਰਾਮਦਾਇਕ ਮਹਿਸੂਸ ਕਰਦੇ ਹੋ. ਅਤੇ ਜੇ ਤੁਸੀਂ HTML ਸਾਰਣੀਆਂ ਬਾਰੇ ਵਧੇਰੇ ਜਾਣਕਾਰੀ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਹੋਰ ਵੇਰਵੇ ਲਈ ਇਹ FAQ ਵੇਖੋ .