Волшебное использование таблиц DreamWeaver — подробное объяснение создания каркасов (3)
Автор:Eve Cole
Время обновления:2009-05-30 18:36:25
2> Изготовление тонких бордюров.
Тонкие границы — это широко используемый метод позиционирования и выделения контента на веб-страницах. При использовании с конкретными изображениями часто можно добиться хороших результатов. Так как же сделать тонкие границы?
Как мы все знаем, так называемая тонкая граница выглядит как простая таблица с 1 строкой и 1 столбцом. Можем ли мы просто установить значение Border объекта таблицы равным 1? Пожалуйста, ознакомьтесь с производственным эффектом ниже:
Аналогично вставьте таблицу с одной строкой и одним столбцом в указанное место на веб-странице. Щелкните мышью любую часть внешней рамки таблицы, чтобы выбрать ее. Установите значение «Граница» на 1 на панели свойств. Вы также можете одновременно установить другой «CellPad» и «CellSpace» установлены на ноль, как показано на рисунке:
Иллюстрации различных эффектов в состоянии предварительного просмотра:
Из приведенной выше иллюстрации нетрудно увидеть, что простой установкой границы на 1 эффекта не достичь. Давайте посмотрим, как добиться необходимой мелкости с помощью «умных» настроек таблицы.
Также в приведенной выше таблице установите для полей «Граница» и «Ячейка» на панели свойств значение «0», а для «Пространство ячеек» — «1». Обратите внимание, что «Пространство ячеек» относится к расстоянию между ячейками. Как показано на картинке
Установите для «Bgcolor» таблицы значение «красный», а для «Bgcolor» ячейки установите тот же цвет фона веб-страницы — «белый». Эффект предварительного просмотра выглядит следующим образом:
Чтобы всем было легче понять, автор здесь немного пояснит. Среди них мы установили «CellSpace» на 1. При настройке цвета фона таблицы эта часть, несомненно, была включена. Последующие настройки ячейки просто «сбрасывали» ее вниз. Это усиливает эффект отображения, поэтому изменение цвета фона таблицы также приводит к изменению цвета границы.