找了一个例子,供你参考吧:
定义引用文字的一些基本信息(字体,宽度,左留空等)
blockquote p {
font: 12px Georgia, "Times New Roman", Times, serif;
width: 400px;
padding-left: 18px;
text-indent: -18px;
}
使用p:first-letter,定义引用文字首字的样式,左上方有“左引号”图片做背景、字体样式为斜体等;
blockquote p:first-letter {
background: url(images/open-quote.gif) no-repeat left top;
padding-left: 18px;
padding-top: 12px;
font: italic 26px Georgia, "Times New Roman", Times, serif;
}
这段代码用来保证非第一段文字的首字母并不应用第二部分代码定义的样式,假如引用文字中有两个以上段落也不至于出现多个“左引号”,IE6不支持
blockquote p ~ p:first-letter {
font: normal 12px Georgia, "Times New Roman", Times, serif;
background: none;
}
定义引用文字的字体颜色、在引用文字的右下方有“右引号”图片作为背景。
blockquote {
color: #777;
padding-top: 6px;
padding-bottom: 10px;
background: url(images/close-quote.gif) no-repeat right bottom;
}