Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
вторник, 22 мая 2018 г.

Оформление цитаты

Вариант № 1. 

Дизайн → Дизайнер шаблонов → Дополнительно → Добавить CSS.
blockquote {
border: dotted #666 1px;
border-left:solid #2388BB 5px;
margin:10px 40px;
padding:15px;
color:#333;
font-style:normal;
font-size:14px;
background:#F0F9FF;
}
Так будет внешне выглядеть цитата в статье блога:

Вариант № 2.

В этом варианте несколько изменены цветовое оформление и начертание шрифта.
blockquote {
margin:10px;
padding:10px;
border:1px solid #D6D6D6;
border-radius: 5px;
font-family: monospace;
background-color:#F7F7F7;
font-size:90%;
color: #000;
}
CSS варианта № 1 взят тут
здесь: border - граница, border-radius - скругление краев, margin - отступы блока, padding - отступ внутри блока, font-size -  размер шрифта, color - цвет шрифта, background - цвет фона. 



0 коммент.:

Отправить комментарий