Jadvalning fon rangi qanday o'zgartiriladi

Juda ko'p Ajam yoki havaskor veb-dizaynerlar jadvalning orqa fon rangi qanday o'zgarishini bilishni istaydilar. Bir necha daqiqada siz ushbu texnikani bu qisqacha o'qitish yo'li bilan qanday bajarishni o'rganishingiz mumkin. Uslublar qo'rqinchli emas. Jadvalning orqa fon rangini o'zgartirish hujayra, rang yoki xohlagan jadvalga bitta xususiyat qo'shish kabi oddiy.

Qanday boshlanadi

Bgcolor xususiyati jadvalning orqa fon rangini, shuningdek, joriy jadval qatorini yoki joriy jadval hujayrasini o'zgartiradi. Lekin bgcolor xususiyati uslublar jadvallari foydasiga bekor bo'ladi, shuning uchun jadvalning fon rangini o'zgartirishning eng optimal usuli emas. Orqa fon rangini o'zgartirishning eng yaxshi usuli stilning xususiyatini fon rangini jadvalga, satr yoki uyali yorliqqa qo'shishdir. Qanday qilib o'rganish uchun quyidagi misolni ko'ring.

Agar biron sababga ko'ra, stil xususiyatini fon rangini stolga qo'shishni xohlamasangiz, tanlash uchun muqobil variantlar mavjud. Misol uchun, uslublar hujjatning boshida yoki tashqi uslub sahifasida uslublar varag'ida sozlashingiz mumkin. Quyidagilarga qarang:

stol {fon-rang: # ff0000; } {{background-color: yellow; } td {fon-rang: # 000; }

Orqa fon rangi sozlash

Ustundagi fon rangini sozlashning eng yaxshi usuli uslublar sinfini yaratish va keyin o'sha sinfni o'sha ustundagi kameralarga tayinlashdir. Buni qanday qilishni o'rganish uchun quyidagi misollarni ko'rib chiqing.

CSS:

td.blueCol {fon-rang: ko'k; }

HTML:

class = "blueCol" > hujayra 1 hujayra 2 class = "blueCol" > hujayra 1 hujayra 2

O'rash

Agar siz avval jadvalning orqa fon ranglarini hech qachon o'zgartirmagan bo'lsangiz ham, ushbu usulni o'zingiz sinab ko'rish uchun yuqoridagi misollarni ko'chirib olishingiz mumkin. Taklif etilgan turli xil variantlarni ko'ring va oxir-oqibatda eng qulay his qilayotganingizni tanlang. Agar siz HTML jadvallari haqida ko'proq ma'lumotga ega bo'lishni istasangiz, qo'shimcha ma'lumot uchun ushbu FAQga murojaat qiling.