CSS: стилизация цитат
14 июня
8965
Комментариев: 0
Цитирование позволяет выделить важные тезисы на странице, поэтому к нему так часто прибегают создатели сайтов. В HTML цитата помещается в контейнер <blockquote></blockquote>, в котором предусмотрены такие параметры как border, border-width, margin, padding, font-size, color, background.
Рассмотрим, как это применяется на практике на примере цитат:
-
Цитата №1:
blockquote {
border-top: #999 4px solid;
border-bottom: #999 4px solid;
font-size: 16px;
margin: 12px 50px;
color: #999;
padding: 20px;
}
-
Цитата №2:
blockquote {
border: dotted #666 1px;
border-left:solid #ff5a00 7px;
margin:12px 42px;
padding:20px;
color:#345;
font-style:italic;
font-size:14px;
background:#fcfcfc;
}
Цитаты в браузере: