Blockquote实现引用文本块的引号效果

　　使用一个<blockquote>添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote：first-letter添加背景图片。

　　1.html源代码

 　　2.样式化blockquote

　　上面的CSS将显示close-quote.gif后括号背景图片在blockquote的右下角。注意padding-left和text-indent的取值，于是呈现如下的样子：

　　3.blockquote：first-letter

　　现在添加first-letter：18px在开头第一个字母，让所有文本都对齐了，然后添加open-quote.gif到左上角作为首字母的背景图片。添加点CSS给首字母，让它看上去比较特别。

　　转自：http://www.cnblogs.com/island205/

（编辑：柳州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!