Рамочки с настройкой размеров окантовки и разных форм границ, цветные разделительные линии
Здравствуйте дорогие блоггеры. В одном из своих постов я писала о рамках с разным цветом окантовки. В нем я дала информацию как изменить цвет границ рамок, но не написала, что можно изменить форму окантовки. Поэтому сегодня я исправляю эту недоработку, и тем более предлагаемый здесь код проще в использовании и настройке. Коды рамок вставляете в редакторе сообщений blogger в режиме HTML О формах рамок читайте в моем посте по этой ссылке. Копируйте коды, может кому из Вас понравятся предлагаемые здесь. Итак:
Рамки с настраиваемой шириной и высотой. Высоту устанавливаете по объему текста.
Добавим в код фон рамки background-color: (можно добавить латиницей, а можно шестизначным значением #ffffff;)
Уберем настройки высоты и ширины, добавим положение padding:10px;, получим резиновую рамочку на всю ширину страницы
ВАШ ТЕКСТ
Я думаю суть настроек понятна: разберем настройки нижней границы
border-bottom: 4px dotted #aad7c6; botton-нижняя граница; 4px;-размер границы; dotted-форма границы (в данном примере точечная); #aad7c6;-цвет границы; left-левая граница; right-правая граница; top-верхняя граница; Так же соответственно настраивайте и цвета границ; height: 150px; width: 500px;-высота и ширина рамки; background-color:-фон рамки.
А теперь немного не по теме, но хочу написать о разделительных линиях для текста. Тем более что линии мы будем создавать с помощью все тех же форм рамок.
Вот такая цветная пунктирная линия (dashed) с настройкой фона
Точечная (dotted) линия
Двойная (double) линия
Выпуклая (outset) линия
Вогнутая (groove) линия
Линия (ridge) кромкой
Простая тройная линия
Варианты цветной тройной линии
На сегодня все. Меняйте цвета, размеры, фон в рамках и линиях. Ещё информацию о разделительных линиях можно почитать здесь. Комментируйте, не забывайте о друзьях и знакомых в соц сетях. Всего Вам наилучшего.
или 
.png)
