Как да промените цвета на таблицата в HTML
Смятате ли, че черно и бяло маса изглежда скучно? Това е, което ние мислим! Ето защо, в този урок ние ще говорим за това как да се промени цвета на таблицата в HTML. Има три начина да добавите цвят, за всяка от които има своя собственост.
- Определяне на клетъчната цвета на фона. С помощта на имоти фон-цвят.
- Обърнете внимание на цвета на текста в клетките. Имоти с помощта на цветовете.
- Посочете цвета на клетъчни рамки. Имоти с помощта на граничен цвят.
По-рано, за да промените цвета, нанася върху компресиран под формата на описанието на рамката. Тя изглеждаше по следния начин:
А за цвета тук съответства на последната част - lightrgay.
Има различни начини за настройка на цветовете в CSS. Ние ще ви покажем как описанието на цвят с атрибути.
Как да промените цвета на клетката
Нека да видим как изглежда кода в CSS. да посочите цвят за клетката.
Разбира се, можете да промените цвета и масата. и TD. и Th. Нека се опитаме да дадем най-таблица за умножение по-солидна поглед.
Добавете стил към клетъчните заглавията с-та на маркера. както и за клетките на диагонал, в които има квадратчета числа:
Резултатът в браузъра:
Как да промените цвета на рамката в таблицата
Както можете да видите в горния пример, в таблицата са се променили цвета на рамката. За да направите това, ние използвахме границата на собственост. Той определя параметрите в реда посочен по-долу:
- тип линия, в този случай, твърдо вещество (непрекъсната)
- дебелина на линиите, в този случай 1 пиксел
- Цвят на линията, в този случай синьо
Спомнете си за пореден път изглежда като граничен задача цвят за клетката:
Как да промените цвета на линията в таблицата
Така че, ще са се научили да се променят цветовете на клетки и клетъчни заглавията, използвайки CSS функции. Ако зададете стилове за тагове като ти или TD. Вие трябва да разберете, че стилове ще важат за останалите тагове.
Въпреки това, има ситуации, когато е необходимо да се промени цвета на определена клетка или множество клетки, или целия низ. Какво да правим в този случай? Тя трябва да се използват класове, както и за използването на техните стилове. На практика, това изглежда така:
И, за да промените цвета с този клас са определени редове, направете следното:
Резултатът в браузъра:
Как да промените цвета на текста в таблицата
За да промените цвета на текста в таблицата използва цветен собственост. Нанесете е възможно да се най-различни елементи: маса, време, ти, ТД. В зависимост от цвета на избрания елемент ще бъде променен. Например, за цялата таблица ние определяме цвят зелен шрифт:
Също така, можете да промените цвета на отделни клетки. И в този урок е свършила, не забравяйте да направите вашата домашна работа. Чао на всички!