Дифференцирование таблиц из их фона помогает подчеркнуть содержание таблицы относительно всего остального на веб-странице. Чтобы добавить фон таблицы, вам необходимо настроить каскадную таблицу стилей (CSS), поддерживающую вашу веб-страницу.
Начиная
Лучший способ добавить фоновое изображение в таблицу - использовать CSS
фон
имущество. Чтобы подготовиться к эффективному написанию CSS и избежать неожиданных сбоев отображения, откройте фоновое изображение и отметьте высоту и ширину. Затем загрузите изображение на хостинг-провайдера. Проверьте URL-адрес изображения; одна из самых распространенных причин, по которым изображения не отображаются, заключается в том, что в URL-адресе есть опечатка. После того, как вы закончили этот шаг, поместите блок стиля CSS в начало вашего документа:
table {background: url (" URL для изображения ") no-repeat;} Установите ширину и высоту таблицы в соответствии с шириной и высотой изображения. Если содержимое вашей таблицы больше высоты и ширины изображения, фоновое изображение будет отображаться только один раз. В приведенных выше инструкциях будет установлено одно и то же фоновое изображение для каждой таблицы на странице. Если вы хотите поместить фон только в определенные таблицы, вам нужно использовать учебный класс
table.background {background: url (" URL для изображения ") no-repeat;} Для больших таблиц или таблиц с большим количеством содержимого может потребоваться повторное воспроизведение фона, чтобы заполнить всю таблицу. Измените значение в своем CSS, чтобы изображение повторялось по оси Y, по оси x или было разбито на обоих. background: url (URL для изображения) повторяется;
По умолчанию значение повторения будет выровнено, но вы также можете установить значение повторения повторить-х
или же Повторяю у Любые цвета фона, установленные на ячейках таблицы, будут переопределять фоновое изображение в таблице. Поэтому будьте осторожны при использовании цветов фона на ваших сотах в сочетании с фоновыми изображениями стола. Фоновые таблицы стола будут устанавливать ваши таблицы отдельно от основной страницы. Однако подумайте дважды, прежде чем использовать эту технику. Вставка нейтрального изображения может не отвлекать, но сложные изображения, предназначенные для мила (например, вставка изображения котенка за таблицей с указанием усыновлений для домашних животных), могут оказаться непрофессиональными и могут повлиять на читаемость табличных данных. Любое изображение, которое вы используете, должно быть надлежащим образом лицензировано; просто потому, что вы можете найти фотографию в Интернете, это не значит, что вы можете ее использовать для собственного использования. Уважайте авторские права!
ячейка 1 ячейка 2 ячейка 1 ячейка 2 …
Поместите фон только на одну таблицу
класс = «фон» style = "width: 400px; height: 500px;> …
Повторите повтор изображения стола
для плитки горизонтально или вертикально, соответственно.
Цвета фона ячейки Блокировать фоновое изображение таблицы
Соображения
