Диференцирането на таблици от техния произход помага да се подчертае съдържанието на таблицата спрямо всичко останало в уеб страницата. За да добавите фон на таблица, ще трябва да ощипвате каскадния стилов лист (CSS), който поддържа вашата уеб страница.
Приготвяме се да започнем
Най-добрият начин да добавите фоново изображение към таблицата е да използвате CSS
заден план
Имот. За да се подготвите да напишете CSS ефективно и да избегнете неочаквани бъгове на дисплея, отворете фоновото си изображение и отбележете височината и ширината. След това качете изображението си на вашия хостинг доставчик. Тествайте URL адреса на изображението; една от най-честите причини, поради които изображенията не се показват, е, че в URL адреса има печатна грешка. След като завършите тази стъпка, поставете CSS блок стил в главата на вашия документ:
таблица {background: url (" URL адрес на изображението ") не повтарям;} Задайте ширината и височината на таблицата да съответстват на ширината и височината на изображението. Ако съдържанието на таблицата ви е по-голямо от височината и ширината на изображението, фоновото изображение ще се показва само веднъж. Горните указания ще задават едно и също фоново изображение на всяка таблица на страницата. Ако искате да поставите фон само на конкретни таблици, трябва да използвате a клас
table.background {background: url (" URL адрес на изображението ") не повтарям;} В по-големи таблици или таблици с повече съдържание може да се наложи повторението на фона да се запълни цялата таблица. Променете стойността във Вашия CSS, така че изображението да се повтаря по оста Y, оста x или да е с плочки на двете. фон: URL ("URL към изображение") повторете;
По подразбиране стойността на повтаряне ще бъде покрита с плочки, но можете също така да зададете стойността на повтаряне Повтарям-х
или Повтарям-у Всички цветове на фона, зададени върху клетките на таблицата, ще заменят фоновото изображение на таблицата. Затова бъдете внимателни, когато използвате цветовете на фона на клетките си в комбинация с фоновите изображения на таблицата. Таблиците за фон ще зададат таблиците ви отделно от основната страница. Все пак, помислете два пъти преди да използвате тази техника. Поставянето на неутрално изображение може да не разсейва, но сложните картини, предназначени да бъдат сладки (например, вмъкване на картина на котенце зад масата, показваща осиновяване на домашни любимци), може да изглеждат непрофесионални и да повлияят на четимостта на табличните данни. Всяко изображение, което използвате, трябва да бъде правилно лицензирано; само защото можете да намерите снимка в мрежата, не означава, че можете да я използвате за ваша собствена употреба. Спазвайте авторските права!
клетка 1 клетка 2 клетка 1 клетка 2 …
Сложете фон на само една маса
клас = "фон" стил = "ширина: 400px; височина: 500px;> …
Нека фоновото изображение на таблицата се повтаря
към плочките съответно хоризонтално или вертикално.
Цветове на фона на клетката Блокиране на основната снимка на таблицата
Съображенията
