Web-miss: Vanessa (vensy)
Opened: 18.05.2010
Theme: Blake Lively
Orders: OPEN
Coming soon
Выберите пакет услуг *:

Ваше имя/ник *:
Ваш e-mail *:
Ссылка на ваш сайт *:
Опишите то,что хотите видеть в дизайне(блоки,шапка) *:
Ссылки на качественные фото для дизайна(по желанию):
Названия ссылок для нав. меню на лого *:
Если вам нужны доп. услуги,то перечислите какие:
Код безопасности *:

200
Главная » Статьи » Помощь с HTML,CSS и Ucoz » Изучение и написание CSS стилей

Прописываем код цитаты с закругленными краями
Итак приступим.
Первое что мы сделаем,это пропишем название тега,шрифт,его размер,цвет и стиль текста:
blockquote {
font-family:Arial;
font-size:12px;
color:#ffffff;
text-decoration:none;
Расшифровываю:
blockquote { название тега
font-family: шрифт(вместо Arial можете поставить любой другой)
font-size: размер шрифта
color: цвет шрифта
text-decoration: стиль текста(none-никакой,underline-подчеркнутый,bold-жирный)
Далее пропишем фон,ширину и границы цитаты:
background:#d3c3f1;
margin-left:30px;
width:330px;
height:auto;
text-align:left;
padding:10px;
-moz-border-radius: 30px;
border-radius: 30px;
}
Расшифровываю:
background: фон цитаты
margin-left: отступ цитаты с левого края
width: ширина цитаты
height: высота(лучше оставтье auto -т.е. она автоматически сузится или расширенной станет)
text-align: где находится текст
padding: отступ текста от края цитаты
-moz-border-radius: радиус краев цитаты(то,насколько ее края будут закруглены)
border-radius: радиус границ цитаты
В итоге получим следующий код:
blockquote {
font-family:Arial;
font-size:12px;
color:#ffffff;
text-decoration:none;
background:#d3c3f1;
margin-left:30px;
width:330px;
height:auto;
text-align:left;
padding:10px;
-moz-border-radius: 30px;
border-radius: 30px;
}
Чтобы он нашел свое применение вставтье в этот контейнер свой текст: <blockquote>...Текст....
</blockquote>
Категория: Изучение и написание CSS стилей | Добавил: vensy (22/03/12) | Автор: Полина
Просмотров: 574 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]