-Рубрики

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Кас-сандра

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 04.08.2010
Записей:
Комментариев:
Написано: 7707


Рамка Пунктирная линия

Вторник, 15 Марта 2011 г. 08:47 + в цитатник
Цитата сообщения ValAleks Рамка Пунктирная линия

Сегодня я покажу, как можно сделать простую рамку, состоящую из пунктирной линии без внутреннего фона. Такую, как эта моя рамка синего цвета.

КОД для изготовления рамки:

<div align="center"><table cellpadding="0" cellspacing="0" border="0"><tr><td> <font style="display:block;border:6px dashed #6633cc;padding:10px"><table cellspacing="0" cellpadding="0" border="0"><tr><td align="center" width="640"height="0" > <font face="Arial" color="#660000" style="font-size:14px">ВАШ ТЕКСТ</font></td></tr></table>

Рассмотрим, что обозначают основные теги.
1. <center></center> - Этим тегом мы выравниваем рамку или текст (картинку) в рамке по центру.
Если, после применения этого тега рамка не встала по центру, то я ставлю в самом начале кода рамки такие теги:<div align="center">
Но тогда всё содержимое рамки будет стоять по центру.
При желании можно выделить в рамке нужную часть текста и выравнять текст влево, так я и сделала.
2. border:6px - ширина (толщина) пунктира рамки, цифру можно менять
3. dashed - пунктирная линия
4. #6633cc - цвет линии, можно менять
Цвет линии удобно выбирать по ссылке:http://ksunny.ru/rgb.html
5. padding:10px - расстояние от пунктира рамки до текста или картинки, цифру можно менять.
6. width (ширина) - Этим тегом задаём размер рамки.
Я сделала рамку шириной width="640", цифру можно менять.
height - высота рамки регулируется текстом.
7. <font face="Arial" color="#000033" style="font-size:14px"> - Шрифт, цвет и размер текста можно менять (у меня размер текста 14).
Рубрики:  Интернет/блог
Метки:  
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку