કોષ્ટકની પૃષ્ઠભૂમિ રંગ કેવી રીતે બદલાવો

ઘણા નવા શિખાઉ અથવા કલાપ્રેમી વેબ ડિઝાઇનર્સ ટેબલના પૃષ્ઠભૂમિ રંગને કેવી રીતે બદલવી તે જાણવા માગે છે. થોડી મિનિટોમાં, તમે આ ટૂંકા ટ્યુટોરીયલ સાથે કેવી રીતે આ ટેકનીકને ચલાવવી તે શીખી શકો છો. પદ્ધતિ એમ લાગે છે કે ડરાવવા માટે નથી. કોષ્ટકના પૃષ્ઠભૂમિ રંગને બદલવું એ સેલ, પંક્તિ અથવા ટેબલ પર એક એટ્રીબ્યુટ ઉમેરવા જેટલું સરળ છે જે તમે રંગીન ઇચ્છો છો.

કેવી રીતે પ્રારંભ કરો

આ લક્ષણ bgcolor કોષ્ટકના પૃષ્ઠભૂમિ રંગ તેમજ વર્તમાન કોષ્ટક પંક્તિ અથવા વર્તમાન કોષ્ટક સેલને બદલશે. પરંતુ bgcolor એટ્રીબ્યુટ સ્ટાઇલ શીટ્સની તરફેણમાં દૂર કરવામાં આવી છે, તેથી તે કોષ્ટકની પૃષ્ઠભૂમિ રંગ બદલવા માટેની સૌથી શ્રેષ્ઠ રીત નથી. પૃષ્ઠભૂમિ રંગ બદલવા માટેની વધુ સારી રીત ટેબલ, પંક્તિ અથવા સેલ ટૅગમાં સ્ટાઇલ પ્રોપર્ટી બેકગ્રાઉન્ડ-રંગ ઉમેરવાનો છે. કેવી રીતે તે જાણવા માટે નીચેના ઉદાહરણ જુઓ.

<ટેબલ શૈલી = "બેકગ્રાઉન્ડ રંગ: # એફએફ 0000;">

જો કોઈ કારણસર, તમે કોષ્ટકમાં સ્ટાઇલ પ્રોપર્ટી બેકગ્રાઉન્ડ-રંગ ઉમેરવા માંગતા નથી, ત્યાંથી પસંદ કરવા માટેના વિકલ્પો છે. ઉદાહરણ તરીકે, તમે સ્ટાઇલ શીટમાં તમારા ડોક્યુમેન્ટના વડા અથવા સ્ટાઇલ શીટમાં શૈલીઓ સેટ કરી શકો છો. નીચે જુઓ:

કોષ્ટક {બેકગ્રાઉન્ડ રંગ: # એફએફ 0000; } tr {background-color: yellow; } ટીડી {બેકગ્રાઉન્ડ રંગ: # 000; }

પૃષ્ઠભૂમિ રંગ સુયોજિત કરી રહ્યા છે

સ્તંભ પર પૃષ્ઠભૂમિ રંગ સેટ કરવાનો શ્રેષ્ઠ માર્ગ એ શૈલી વર્ગ બનાવવો અને તે વર્ગને તે સ્તંભમાં કોષોને સોંપવો. આ કેવી રીતે કરવું તે જાણવા માટે નીચેના ઉદાહરણો જુઓ

આ CSS:

td.blueCol {બેકગ્રાઉન્ડ રંગ: વાદળી; }

એચટીએમએલ:

સેલ ટેબલ < સેલ્સ > <1> સેલ 2

રેપિંગ અપ

જો તમે પહેલાં કોષ્ટકના બેકગ્રાઉન્ડ રંગો ક્યારેય બદલ્યા નથી, તો પણ તમે આ પદ્ધતિને તમારા પોતાના પર અજમાવવા માટે ઉપરોક્ત ઉદાહરણોની નકલ કરી શકો છો. વિવિધ વિકલ્પો પ્રસ્તુત કરવાનો પ્રયાસ કરો અને તમે જેની સાથે તમે છેલ્લે વધુ આરામદાયક લાગે તે પસંદ કરો. અને જો તમને HTML કોષ્ટકો વિશે વધુ માહિતી જોઇતી હોય, તો વધારાની વિગતો માટે આ FAQ નો સંપર્ક કરો.