මේසයේ පසුබිම් වර්ණය වෙනස් කරන්නේ කෙසේද?

බොහෝ අලුතින් හෝ ආධුනික වෙබ් නිර්මාණකරුවන්ට මේසයේ පසුබිම් වර්ණය වෙනස් කළ යුතු ආකාරය දැන ගැනීමට අවශ්ය වේ. මිනිත්තු කීපයකින් මෙම කෙටි නිබන්ධනය සමඟ මෙම තාක්ෂණය යොදාගන්නේ කෙසේදැයි ඉගෙන ගත හැකිය. මෙයින් පෙනී යන්නේ මෙම ක්රමවේදය තර්ජනාත්මක නොවන බවයි. මේසයේ පසුබිම් වර්ණය වෙනස් කිරීම සරල ලෙස සරල ලෙස සෛල, පේළියක් හෝ වගුවක් මත වර්ණ හෝ ටේප් එක එකතු කිරීම තරම් සරල ය.

ආරම්භය කරන්නේ කෙසේද?

Bgcolor ලක්ෂණයන් වගුවේ පසුබිම් වර්ණය මෙන්ම දැනට පවතින වගු පේළිය හෝ වත්මන් වගුවේ කොටුව වෙනස් කරයි. එහෙත්, bgcolor ගුණාංගය ශෛල පත්ර සඳහා අනුමත වී නැත, එම නිසා වගුවේ පසුබිම් වර්ණය වෙනස් කිරීම සඳහා වඩාත් ප්රශස්ත ආකාරයෙන් නොවේ. පසුබිම් වර්ණය වෙනස් කිරීමට වඩා හොඳ ක්රමයක් මේසය, පේළිය හෝ කොටු ටැගය වෙත ශෛලමය පසුබිම වර්ණය එකතු කිරීමයි. කෙසේද යන්න ඉගෙන ගැනීමට පහත උදාහරණය බලන්න.

කිසියම් හේතුවක් නිසා ඔබට මේසයේ දේපල පසුබිම් වර්ණය එකතු කිරීමට ඔබට අවශ්ය නැත, තෝරා ගැනීමට විකල්පයන් තිබේ. නිදසුනක් ලෙස, ඔබේ ලේඛනයේ හිසෙහි හෝ බාහිර ශිලා පත්රයෙහි ශෛලියක් මෝස්තරය තුළට මෝස්තරය සකස් කළ හැකිය. පහත සඳහන් දෑ බලන්න:

වගුව {පසුබිමේ වර්ණය: # ff0000; } tr {පසුබිම: කහ; } td {පසුබිම වර්ණ: # 000; }}

පසුබිම් වර්ණය සකසන්න

තීරුවක පසුබිමේ වර්ණය සැකසීමට හොඳම ක්රමයක් වන්නේ ශෛලිය පන්තිය නිර්මාණය කර පසුව එම තීරුව තුළ එම පන්තියට සවිකරන්න. මෙය සිදු කිරීම සඳහා පහත සඳහන් උදාහරණ බලන්න.

CSS:

td.blueCol {පසුබිම-වර්ණය: නිල්; }}

HTML:

class = "blueCol" > සෛලය 1 සෛලය 2
class = "blueCol" > cell 1 සෛල 2

ඔතන

ඔබ මීට පෙර මේසයේ පසුබිම් වර්ණය වෙනස් කර නොතිබුණද, ඔබ විසින්ම මෙම ක්රමය යොදාගෙන ඉහත ඉහත උදාහරණ අනුගමනය කළ හැකිය. ඉදිරිපත් කරන ලද විවිධ විකල්ප උත්සාහ කරන්න, ඔබ අවසානයේ වඩාත් සුවපහසු හැඟීම ඇති ඔබ තෝරන්න. ඔබට HTML වගු පිළිබඳ වැඩි විස්තර අවශ්ය නම්, අතිරේක විස්තර සඳහා මෙම නිතර අසනු ඇත.