В Dreamweaver, если вы вставляете горизонтальное правило (горизонтальную линию), эта линия по умолчанию имеет только серый цвет. Во многих случаях это не соответствует нашим требованиям. Что делать, если вы хотите вставить прямые линии других цветов (даже толщиной с пиксель)?
Сначала вставьте горизонтальное правило в подходящее место в окне документа (окне редактирования веб-страницы) и
нажмите Ctrl + F3, чтобы вывести его. вверх по панели инспектора свойств),
На этой панели свойств снимите флажок напротив затенения. Введите значение пикселя (пикселей) или процент в W, чтобы установить длину этой линии. В H ввод 1 может сделать эту линию очень тонкой, толщиной в один пиксель. Если вам нужна более толстая линия, введите большее значение в поле H. Таким образом, тонкий провод вставлен, но вы обнаружите, что этот провод серый, а цвет невозможно задать в панели свойств. Если вы хотите установить другие цвета, вы можете управлять ими через CSS. Настроить CSS в DreamWeaver очень просто, и вам даже не нужно вообще понимать синтаксис CSS.
Выберите Стиль CSS | Новый стиль в меню «Текст»,
В диалоговом окне «Новый стиль» введите имя в столбце имени, например «цветовая линия», выберите «Только для этого документа» в переключателе «Определить» и нажмите «ОК». Откроется диалоговое окно «Определение стиля для .colorline»:
В типовом проекте выберите нужный цвет, например красный, затем нажмите «ОК», затем нажмите «Готово», и будет создан новый стиль. Выберите тонкую линию в окне редактирования веб-страницы и щелкните Текст | Стиль CSS | цветовая линия (цветовая линия — это только что созданный новый стиль). Цвет линии по-прежнему серый, но для предварительного просмотра нажмите F12. в браузере Вы увидите, что цвет вставленной тонкой линии изменился на нужный вам красный.
Есть еще один способ вставки цветных тонких линий, даже толщиной в один пиксель. Сначала вставьте таблицу с одной строкой и одним столбцом в окно редактирования веб-страницы, а затем вставьте в таблицу прозрачное изображение размером 1x1Pixel (управляйте страницей). в Dreameaver4 Изображение-разделитель, используемое в макете, является именно таким изображением, поэтому, если вы не знаете, как использовать программное обеспечение для создания такого изображения, вы можете сгенерировать его в Dreameaver4 следующим образом:
На панели «Объект» сначала щелкните представление макета на панели «Вид объекта», затем нажмите «Нарисовать таблицу макета», перетащите в окно редактирования веб-страницы, чтобы создать таблицу макета, и нажмите «Добавить разделитель» в раскрывающемся меню таблицы. заголовок,
Создайте и сохраните изображение-прокладку. Это прозрачное изображение размером 1 × 1 пиксель). Затем установите свойства таблицы: H (высота) — 1 пиксель (1 пиксель), W (ширина) — желаемая ширина (можно ввести значение пикселя или процент), введите 0 в ячейку, пространство ячеек и границу и затем выберите нужный цвет в поле «Цвет фона» (цвет фона), и будет вставлена цветная горизонтальная тонкая линия.
Если вы увеличите значение H, линия станет толще. Если вы хотите вставить цветную вертикальную тонкую линию, установите H на желаемое значение высоты, установите W на 0, а другие настройки такие же, как указано выше, для вставки вертикальной тонкой линии. В окне редактирования веб-страницы цвет по-прежнему серый, но для предварительного просмотра нажмите F12, и вы увидите в браузере, что цвет вставленной тонкой линии изменился на нужный вам цвет.