Ищем ...
понедельник, 9 декабря 2013 г.

Оформление цитат с помощью CSS




Помните, сегодняшний день обмену и возврату не подлежит.


Для создания данной цитаты использовался простой CSS код:
<style>
blockquote {
background: #f7f7f7;
border-left: 1px solid #bbb;
font-style: italic;
margin: 1.5em 10px;
padding: 0.5em 10px; }
blockquote:before {
color: #bbb;
content: "\201C"; /* Непечатаемый символ слева */
font-size: 3em;
line-height: 0.1em;
margin-right: 0.2em;
vertical-align: -.4em;}
blockquote:after {
color: #bbb;
content: "\201D"; /* Непечатаемый символ справа */
font-size: 3em;
line-height: 0.1em;
vertical-align: -.45em; }
blockquote > p:first-child { display: inline; }
</style>

И ещё один пример цитаты
 
Вверх!