Популярные статьи:
Архив статей:
Реклама:
Двойные кавычки с помощью CSS
Простой способ создания двойных кавычек с помощью CSS.

<style type="text/css">
blockquote {
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
width: 400px;
background: url(close-quote.gif) no-repeat right bottom;
padding-left: 18px;
text-indent: -18px;
}
blockquote:first-letter {
background: url(open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
</style>
<blockquote>Простой способ создания двойных кавычек с помощью CSS.</blockquote>

Код CSS:
<style type="text/css">
blockquote {
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
width: 400px;
background: url(close-quote.gif) no-repeat right bottom;
padding-left: 18px;
text-indent: -18px;
}
blockquote:first-letter {
background: url(open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
</style>
Код HTML:
<blockquote>Простой способ создания двойных кавычек с помощью CSS.</blockquote>