Як оформити таблицю

Давайте-ка займемося сьогодні оформленням таблиць. Вам напевно не подобається, як оформлені таблиці за замовчуванням. Те, що називається рамкою, практично ніколи не вписується в дизайн. А їх двох з половиною вимірний опис об'єкта просто жахлива!

Щоб змінити вигляд таблиці ми можемо скористатися деякими параметрами, які керують її зовнішнім виглядом:

  • bgcolor - колір фону в таблиці або комірки;
  • border - товщина рамки таблиці;
  • cellspaсing - відстань між осередками;
  • cellpadding - відстань від рамки до вмісту осередку.

Почнемо зі звичайною таблиці. Як бачите, навіть встановлюючи атрибут border рівним одиниці, ми не отримуємо рамку товщиною в один піксель. Це відбувається через те, що при відображенні таблиці використовуються двох з половиною вимірний опис об'єкта кордону і реальна товщина рамки завжди більше зазначеної. На додаток до кольору, яким намальована таблиця, використовуються ще два: колір тіні і колір підсвічування. В IE є атрибути borderColor. borderColorDark і borderColorLight. які дозволяють контролювати три цих кольору. Встановивши borderColorDark і borderColorLight рівними кольором фону, ми можемо домогтися товщини рамки в один піксель, але ж це буде працювати тільки в IE - а значить, нам не підходить.








.
.
.
    

Схожі статті