CSS: ਟੇਬਲ ਦੇ ਡਿਜ਼ਾਇਨ. ਡਿਜ਼ਾਈਨ ਦੀਆਂ ਉਦਾਹਰਣਾਂ

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

ਟੇਬਲ ਵਿੱਚ ਤੁਸੀਂ ਤਕਰੀਬਨ ਹਰ ਚੀਜ ਬਦਲ ਸਕਦੇ ਹੋ. ਸੀ.ਆਰ.ਐਸ. ਟੇਬਲ ਦੇ ਸੁੰਦਰ ਡਿਜ਼ਾਈਨ ਦਾ ਅਰਥ ਹੈ ਬਾਰਡਰ ਦੇ ਡਿਜ਼ਾਇਨ, ਟੇਬਲ ਦੀ ਪਿੱਠਭੂਮੀ, ਕੋਸ਼ਾਂ ਦੀ ਪਿੱਠਭੂਮੀ, ਉਹਨਾਂ ਦੇ ਵਿੱਚ ਫਰਕ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ. ਆਉ ਸਭ ਤੋਂ ਬੁਨਿਆਦੀ ਵਿਚਾਰ ਕਰੀਏ.

ਟੇਬਲ ਸੀਮਾ

ਡਿਜ਼ਾਈਨ ਦਾ CSS ਸਟਾਈਲ ਹਮੇਸ਼ਾ ਇਕ ਬਾਰਡਰ ਨਾਲ ਖੇਡਣਾ ਦਾ ਮਤਲਬ ਹੁੰਦਾ ਹੈ. ਸਭ ਟੇਬਲ ਮੂਲ ਰੂਪ ਵਿੱਚ ਨਹੀਂ ਹੁੰਦੇ ਹਨ. ਇਹ ਹੈ, ਇਹ 0 ਪਿਕਸਲ ਹੈ. ਪਰ ਇਹ ਸਰਹੱਦ ਦੀ ਜਾਇਦਾਦ ਦਾ ਇਸਤੇਮਾਲ ਕਰਕੇ ਨਿਸ਼ਚਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਤੁਸੀਂ ਪੂਰੀ ਸਾਰਣੀ ਲਈ ਇੱਕ ਬਾਹਰੀ ਬਾਰਡਰ ਦੇ ਸਕਦੇ ਹੋ:

ਸਾਰਣੀ (ਬਾਰਡਰ: 3 ਪੈਕਸ ਚੰਗੇ ਕਾਲੇ; }

ਇਸ ਲਾਈਨ ਦੇ ਲਈ ਧੰਨਵਾਦ, ਉਸ ਸਾਈਟ ਤੇ ਸਾਰੀਆਂ ਟੇਬਲੀਆਂ ਜਿੱਥੇ ਇਹ ਸ਼ੈਲੀ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਇੱਕ ਕਾਲਾ ਬਾਰਡਰ ਹੋਵੇਗਾ ਧਿਆਨ ਦਿਓ ਕਿ ਸਰਹੱਦ ਕਿਨਾਰੇ ਤੇ ਹੈ, ਪਰ ਟੇਬਲ ਦੇ ਅੰਦਰ ਨਹੀਂ ਹੈ. ਸੈੱਲਜ਼ ਅਤੇ ਕਤਾਰਾਂ ਲਈ, ਫ੍ਰੇਮ ਨੂੰ ਵੱਖਰੇ ਤਰੀਕੇ ਨਾਲ ਦਰਸਾਇਆ ਗਿਆ ਹੈ.

ਠ, ਟੀਡੀ (ਸਰਹੱਦ: 3 ਪੈਕਸ ਸਮਾਨ ਕਾਲੇ;}

ਤੁਸੀਂ ਕਿਸੇ ਵੀ ਮੋਟਾਈ ਅਤੇ ਰੰਗ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ. ਇਹ ਗੱਲ ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ ਸੈੱਲਾਂ ਨੂੰ ਡੌਕ ਕਰਦੇ ਸਮੇਂ ਬਾਰਡਰ ਡਬਲ ਨਹੀਂ ਹੁੰਦੇ.

ਠੋਸ ਸ਼ਬਦ ਦਾ ਮਤਲਬ ਠੋਸ ਡਿਜ਼ਾਇਨ. ਤੁਸੀਂ ਹੋਰ ਮੁੱਲ ਦੱਸ ਸਕਦੇ ਹੋ

ਅਕਸਰ, ਠੋਸ ਫ੍ਰੇਮ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਜ਼ਿਆਦਾ ਆਕਰਸ਼ਕ ਦਿਖਦਾ ਹੈ ਅਤੇ ਸਾਈਟ ਦੀ ਮੁੱਖ ਸਮਗਰੀ ਤੋਂ ਧਿਆਨ ਹਟਾਉਂਦਾ ਨਹੀਂ ਹੈ.

ਬਾਰਡਰ ਜਾਇਦਾਦ ਨੂੰ ਨਿਰਦੇਸ਼ਾਂ ਵਿੱਚ ਵੀ ਦਰਸਾਇਆ ਜਾ ਸਕਦਾ ਹੈ. ਸੀਮਾ ਸਿਰਫ ਉੱਪਰ, ਥੱਲੇ, ਖੱਬੇ ਜਾਂ ਸੱਜੇ ਪਾਸੇ ਰੱਖੀ ਜਾ ਸਕਦੀ ਹੈ. ਕੁਝ ਮਾਮਲਿਆਂ ਵਿਚ ਪੂਰੀ ਟੇਬਲ ਲਈ ਇਕ ਫਰੇਮ ਵਾਲਾ ਵਿਕਲਪ ਫੌਰਨ ਫਿਟ ਨਹੀਂ ਹੁੰਦਾ.

ਟੇਬਲ (ਬਾਰਡਰ-ਸਿਖਰ: 1 ਪੈਕਸ ਸਧਾਰਣ ਲਾਲ; }

ਇਸ ਲਈ ਤੁਸੀਂ ਸਿਰਫ ਮੇਜ਼ ਦੇ ਸਿਖਰ ਲਈ ਫ੍ਰੇਮ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਇਸੇ ਤਰ੍ਹਾਂ, ਕਿਸੇ ਵੀ ਹੋਰ ਪਾਰਟੀ ਲਈ, ਬਸ ਲਿਖਤ ਦੇ ਬਜਾਏ: ਸੱਜੇ, ਖੱਬੇ ਜਾਂ ਹੇਠਾਂ

ਟੇਬਲ ਟਾਈਟਲ

ਟੇਬਲ ਦੇ ਸਿਰਲੇਖ ਨੂੰ ਟੈਗ ਵਰਤ ਕੇ ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਇਸ ਟੈਗ ਵਿੱਚ, ਤੁਸੀਂ ਵਧੇਰੇ ਜੁਰਮਾਨਾ-ਟਿਊਨਿੰਗ ਲਈ CSS ਵਿੱਚ ਬਹੁਤ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਿਖ ਸਕਦੇ ਹੋ. CSS ਵਿੱਚ, ਟੇਬਲ ਦਾ ਡਿਜ਼ਾਇਨ ਵਧੀਆ ਹੈ ਕਿਉਂਕਿ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਤੁਸੀਂ ਤੱਤ ਬਦਲ ਸਕਦੇ ਹੋ.

ਇਹ ਸਿਰਲੇਖ ਉਸੇ ਤਰ੍ਹਾਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਇਹ ਕਿਤਾਬਾਂ ਵਿੱਚ ਮਿਆਰੀ ਹੈ (ਉਦਾਹਰਨ ਲਈ "ਟੇਬਲ 1").

ਤੁਸੀਂ ਇਸ ਹੈਡਰ ਦੀ ਸਥਿਤੀ ਨੂੰ ਕੈਪਸ਼ਨ-ਸਾਈਡ ਪ੍ਰਾਪਰਟੀ (ਉੱਪਰ ਜਾਂ ਹੇਠਾਂ) ਦੇ ਨਾਲ ਵੀ ਨਿਸ਼ਚਿਤ ਕਰ ਸਕਦੇ ਹੋ. ਖੱਬੇ ਜਾਂ ਸੱਜੇ ਸੰਜੋਗ ਨੂੰ ਪਾਠ-ਅਲਾਈਨ ਸੰਪੱਤੀ ਦੁਆਰਾ ਦਰਸਾਇਆ ਗਿਆ ਹੈ

ਟੇਬਲ ਬੈਕਗਰਾਊਂਡ

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

ਰੰਗ ਨੂੰ ਦੋਨਾਂ ਦੇ ਨਾਂ ਅਤੇ ਵੱਖ-ਵੱਖ ਏਨਕੋਡਿੰਗਾਂ ਦੇ ਕੇ ਨਿਰਧਾਰਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਇਸ ਤੋਂ ਇਲਾਵਾ, ਤੁਸੀਂ ਹੇਠਾਂ ਦਿੱਤੀ ਜਾਣਕਾਰੀ ਦੇ ਸਕਦੇ ਹੋ:

• ਪਾਰਦਰਸ਼ੀ - ਤੱਤ ਦੀ ਪਾਰਦਰਸ਼ਿਤਾ
• ਵਿਰਾਸਤ - ਰੰਗ ਮਾਪੇ ਤੱਤ ਦੇ ਰੂਪ ਵਿੱਚ ਹੀ ਹੁੰਦਾ ਹੈ.
• ਸ਼ੁਰੂਆਤੀ ਹੈ ਮੂਲ ਮੁੱਲ

ਪਾਰਦਰਸ਼ਤਾ ਵਾਲੇ ਰੂਪ, ਉਹਨਾਂ ਮਾਮਲਿਆਂ ਵਿੱਚ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ ਜਦੋਂ CSS ਫਾਈਲ ਵਿੱਚ ਟੈਕਸਟ ਵਿੱਚ ਸਾਰੀਆਂ ਟੇਬਲ ਇੱਕ ਰੰਗ ਵਿੱਚ ਬਣਾਏ ਜਾਂਦੇ ਹਨ, ਪਰ ਇਸ ਮਾਮਲੇ ਵਿੱਚ ਅਜਿਹੀ ਕੋਈ ਲੋੜ ਨਹੀਂ ਹੈ.

ਇਸਦੇ ਇਲਾਵਾ, ਬੈਕਗਰਾਊਂਡ ਇੱਕ ਚਿੱਤਰ ਹੋ ਸਕਦਾ ਹੈ. ਅਜਿਹਾ ਕਰਨ ਲਈ, ਸ਼ੈਲੀ ਬੈਕਗਰਾਊਂਡ-ਚਿੱਤਰ ਦੀ ਜਾਇਦਾਦ ਦਾ ਨਿਰਧਾਰਨ ਕਰਦਾ ਹੈ. ਰਸਤਾ ਇਸ ਤਰਾਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਯੂਆਰਏਲ ('ਯੂਆਰਐਲ')

ਫਾਇਲ ਦਾ ਮਾਰਗ ਅਨੁਸਾਰੀ ਜਾਂ ਅਸਲੀ ਹੋ ਸਕਦਾ ਹੈ.

ਹੋਰ ਗੁੰਝਲਦਾਰ ਢਾਲ ਨੂੰ ਗਰੇਡਿਅੰਟ ਨਾਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

• ਰੇਖਿਕ-ਗਰੇਡੀਐਂਟ ();
• ਰੇਡੀਅਲ-ਗਰੇਡੀਐਂਟ ();
• ਦੁਹਰਾਓ ਰੇਖਾਵੀਂ-ਗਰੇਡਿਅੰਟ () ਅਤੇ ਦੁਹਰਾਉਣ-ਰੇਡੀਏਲ-ਗਰੇਡੀਐਂਟ () - ਗਰੇਡਿਅੰਟ ਨੂੰ ਦੁਹਰਾਓ.

ਸੈਲ ਦੀ ਪਿੱਠਭੂਮੀ

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

ਇੰਟਰਲੇਸਿੰਗ ਤੋਂ ਇਲਾਵਾ, ਤੁਸੀਂ ਇੱਕ ਖਾਸ ਕਾਲਮ ਜਾਂ ਕਤਾਰ ਦੀ ਗਿਣਤੀ ਦੇ ਸਕਦੇ ਹੋ ਉਦਾਹਰਣ ਵਜੋਂ, ਇਸ ਤਰ੍ਹਾਂ:

• Tr: nth-child (even) {...} - ਲਾਇਨਾਂ ਦਾ ਬਦਲਣਾ ਨਿਰਧਾਰਤ ਕਰੋ;
• ਟ੍ਰ: nth-child (1) {...} - ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਸਤਰ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰਦਾ ਹੈ;
• Td: nth-child (even) {...} - ਕਾਲਮਾਂ ਦੇ ਬਦਲਣ ਦਾ ਸੰਕੇਤ;
• Td: nth-child (1) {...} - ਕਿਸੇ ਖਾਸ ਕਾਲਮ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰਦਾ ਹੈ.

ਇੰਟਰਲੀਵਿੰਗ ਅਤੇ ਨੰਬਰ ਤੋਂ ਇਲਾਵਾ, ਤੁਸੀਂ ਪਹਿਲੀ (ਟੀਡੀ: ਪਹਿਲੇ ਬੱਚੇ) ਜਾਂ ਆਖਰੀ (ਟੀਡੀ: ਆਖਰੀ-ਬੱਚੇ) ਨੂੰ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ.

ਕੋਸ਼ੀਕਾਵਾਂ ਵਿਚਕਾਰ ਸਪੇਸਿੰਗ

CSS ਵਿੱਚ, ਟੇਬਲਾਂ ਦਾ ਡਿਜ਼ਾਇਨ ਤੁਹਾਨੂੰ ਸੈੱਲਾਂ ਦੇ ਵਿੱਚ ਫਰਕ ਨੂੰ ਹਟਾਉਣ ਲਈ ਸਹਾਇਕ ਹੈ. ਮੂਲ ਰੂਪ ਵਿੱਚ, ਉਹ ਹਨ. ਉਦਾਹਰਨ ਲਈ, ਜੇਕਰ ਤੁਸੀਂ ਬਾਰਡਰ ਦੇ ਵਿਚਕਾਰ ਦੂਰੀ ਨੂੰ ਨਿਰਧਾਰਤ ਕੀਤੇ ਬਿਨਾਂ ਇੱਕ ਟੇਬਲ ਵਿੱਚ ਫਰੇਮ ਸੈਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਅਜਿਹਾ ਨਤੀਜਾ ਹੋਵੇਗਾ.

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

ਬਾਰਡਰ-ਢਹਿ: ਢਹਿ

ਪਰ ਇਹ ਵੀ ਵਾਪਰਦਾ ਹੈ ਕਿ ਇਸ ਦੇ ਉਲਟ, ਦੂਰੀ ਨੂੰ ਵਧਾਉਣ ਦੀ ਲੋੜ ਹੈ. ਅਤੇ ਅੰਤਰਾਲ ਦਾ ਆਕਾਰ ਦੋਨਾਂ ਕਾਲਮਾਂ ਵਿਚਕਾਰ ਅਤੇ ਲਾਈਨਾਂ ਦੇ ਵਿਚਕਾਰ ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਅਜਿਹਾ ਕਰਨ ਲਈ, ਹੇਠਲੇ ਮੁੱਲ ਨੂੰ (ਡਿੱਗਣ ਦੀ ਬਜਾਇ) ਨਿਸ਼ਚਿਤ ਕਰੋ:

ਬਾਰਡਰ-ਢਹਿ: ਵੱਖ

ਪਰ ਇਹ ਕਾਰਵਾਈ ਦਰਸਾਏਗੀ ਕਿ ਤੁਹਾਨੂੰ ਸੈੱਲਾਂ ਨੂੰ ਵੱਖ ਕਰਨ ਦੀ ਲੋੜ ਹੈ. ਉਹਨਾਂ ਨੂੰ ਕਿਵੇਂ ਵੱਖ ਕਰਨਾ ਹੈ, ਇਕ ਵਾਧੂ ਸੰਪੱਤੀ ਦੁਆਰਾ ਦਰਸਾਈ ਗਈ ਹੈ:

ਬਾਰਡਰ-ਸਪੇਸਿੰਗ: 20px

ਜੇਕਰ ਤੁਸੀਂ ਕਤਾਰਾਂ ਅਤੇ ਕਾਲਮ ਵਿਚਕਾਰ ਦੂਰੀ ਦੂਰੀ ਨਿਸ਼ਚਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਦੋ ਮੁੱਲ ਨਿਸ਼ਚਿਤ ਕੀਤੇ ਗਏ ਹਨ:

ਬਾਰਡਰ-ਸਪੇਸਿੰਗ: 10px20px

ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਅੰਤਰ

ਧਿਆਨ ਵਿੱਚ ਰੱਖੋ ਕਿ CSS ਵਿੱਚ, ਬਰਾਊਜ਼ਰ ਦੇ ਆਧਾਰ ਤੇ ਟੇਬਲ ਦੀ ਦਿੱਖ ਵੱਖਰੀ ਦਿਖਾਈ ਦੇ ਸਕਦੀ ਹੈ. ਹਾਲਾਤ ਪੁਰਾਣੇ ਵਰਜਨਾਂ ਦੇ ਨਾਲ ਖਾਸ ਕਰਕੇ ਮਾੜੇ ਹੁੰਦੇ ਹਨ, ਜੋ ਕਿ CSS ਵਿੱਚ ਨਵੀਆਂ ਚੀਜ਼ਾਂ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦੀਆਂ.

ਉੱਪਰ ਡਿਜੀਟਲ ਮੁੱਲਾਂ ਲਈ ਫਰੇਮ ਦੀ ਮੋਟਾਈ ਦਾ ਇੱਕ ਉਦਾਹਰਣ ਹੈ.

ਇੱਥੇ ਸਥਿਰ ਲਈ ਫਰੇਮ ਦੀ ਮੋਟਾਈ ਦਾ ਇੱਕ ਉਦਾਹਰਨ ਹੈ.

ਫਰੇਮ ਸਟਾਈਲ ਵੀ ਬਹੁਤ ਵੱਖਰੀਆਂ ਹਨ.

ਇਸ ਲਈ, ਵਿਕਸਤ ਹੋਣ ਵੇਲੇ, ਵੱਖ ਵੱਖ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਨਤੀਜਾ ਵੇਖੋ.

CSS ਵਿੱਚ, ਬਰਾਊਜ਼ਰ ਦੀ ਕਿਸਮ ਦੀ ਜਾਂਚ ਨਾਲ ਟੇਬਲ ਡਿਜ਼ਾਇਨ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ. ਸਭ ਤੋਂ ਵੱਡੀ ਸਮੱਸਿਆ ਇੰਟਰਨੈਟ ਐਕਸਪਲੋਰਰ ਦੇ ਪੁਰਾਣੇ ਵਰਜਨਾਂ ਦੇ ਉਪਭੋਗਤਾਵਾਂ ਦੇ ਨਾਲ ਸੀ.

ਬਹੁਤ ਹੀ ਉੱਨਤ ਡਿਵੈਲਪਰ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਆਧਾਰ ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਵੱਖਰੀਆਂ CSS ਫਾਈਲਾਂ ਨੂੰ ਜੋੜ ਸਕਦੇ ਹਨ. ਅਤੇ ਕੋਈ ਵਿਅਕਤੀ ਹਰੇਕ ਜਾਂ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਸ਼ੈਲੀ (ਕਲਾਸ) ਵਿਚ ਜਾਂਚ ਕਰਦਾ ਹੈ.

ਬਹੁਤੀਆਂ ਸਮੱਸਿਆਵਾਂ ਸ਼ਾਮਾਂ ਨਾਲ ਉੱਠਦੀਆਂ ਹਨ

CSS: ਸਾਰਣੀਆਂ ਦਾ ਡਿਜ਼ਾਇਨ, ਉਦਾਹਰਨਾਂ

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

ਅਸੀਂ ਅਲੱਗ ਅਲੱਗ ਟੇਬਲ ਦਿਖਾਉਂਦੇ ਹਾਂ. ਉਪਰੋਕਤ ਚਿੱਤਰ ਤਸਵੀਰ ਦੇ ਪਿਛੋਕੜ ਅਤੇ ਖੇਡਾਂ ਦੀ ਪਿੱਠਭੂਮੀ ਅਤੇ ਬਾਰਡਰ ਦੇ ਰੰਗ ਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ.

ਬਹੁਤ ਸਾਰੇ ਲੋਕਾਂ ਨੂੰ ਸੁੰਦਰ ਸਾਫਟ ਡਿਜ਼ਾਈਨ ਦੀ ਇਕ ਉਦਾਹਰਨ ਵਿਚ ਦਿਲਚਸਪੀ ਹੋ ਜਾਵੇਗੀ ਜੋ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਅੱਖਾਂ ਨਹੀਂ ਕੱਟੇਗਾ. ਲਗਭਗ ਕਿਸੇ ਵੀ ਸਥਿਤੀ ਵਿੱਚ ਇਹ ਚੋਣ ਉਚਿਤ ਹੈ.

ਕੋਨਾ ਗੋਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਇਹ ਬਹੁਤ ਖੂਬਸੂਰਤ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ.

ਸਿੱਟਾ

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

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

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