Рисунок в роле фона таблицы и ее ячеек. Фоном таблицы можно сделать и рисунок, для этого используется следующий параметр: . По этой причине на месте стыка фоновых картинок могут возникнуть видимые. Неподвижный фон, прописанный с помощью стилей CSSПри установке неподвижной картинки фона под таблицу, в которой у нас будет располагаться текст и прочая полезная информация, создаётся следующий эффект: при прокрутке таблицы с текстом фон под ней остаётся неподвижным, а не сдвигается вместе с таблицей. Как здесь: здесь Подобный эффект может создать некоторую иллюзию двуслойности, некоего пространства на ваших страницах. Обычно эффекта неподвижной картинки фона добиваются с помощью. CSS следующих атрибутов: background- attachment: fixed; Речь идёт о таблице стилей CSS, которая у вас находится в отдельном документе с расширением . Есть несколько способов установить то, что нам нужно. Http:// Если фон задаётся для строки таблицы (тег <tr>), то Chrome, Safari, iOS . Нужно чтобы в таблице фон был картинкой т.е. Печать html таблицы с постраничной разбивкой. Как сделать резиновый фон. Фон ячейки таблицы можно сделать на CSS, с помощью параметра background image. Указывать лучше абсолютный адрсе картинки. Выбираем картинку, которая будет у нас фоном. В данном случае я беру вот такую картинку (кликните по миниатюре, чтобы увидеть полный размер): В документ стилей css, туда, где задаём параметры для BODY, вставляем такую конструкцию: BODY. Примечание: Если у вас нет документа стилей css, то вам необходимо создать его, как указано в Уроке 8 - и прописать ссылку на документ стилей css в коде своей html- страницы, как указано в этом же уроке. Итак, вот какие параметры мы задаём при помощи стилей: - background- image: url(адрес картинки фона); - прописываем адрес нашей фоновой картинки 1. Итак, мы вставили в документ стилей css, в BODY, вот эту конструкцию: BODY. Вот что у нас получилось на странице: ПРИМЕР (чтобы увидеть эффект неподвижного фона, покрутите страницу вниз- вверх). Попробуем поставить маленькую картинку, которая будет автоматически повторяться и заполнять всё пространство страницы, образовывая узор фона. Вот эта картинка: При этом мы фиксируем весь фон, прописывая в таблице стилей css вот такую конструкцию: BODY . Поскольку мы не сказали картинке . Получится вот что: ПРИМЕР3- й способ. Попробуем установить фоновую картинку с одной стороны, а таблицу с текстом и картинками на странице расположить с противоположной стороны, чтобы она не загораживала собой фоновую картинку. Для этого пропишем в документе css следующее: BODY . Это делается для того, чтобы не видно было перехода нашей картинки в фон (картинка занимает только часть экрана). Для этого в документе html в таблице вы пропишете: < table align=left> , а в документе css картинку пропишете справа: right top).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
November 2016
Categories |