CSS不能设置多行的缩进，因此必用到一点额外的标签来解决这个问题，这种方法还是很简单的。
HTML代码：
唯一的额外添加的标签是<span>
CSS代码
blockquote {
background: #f6e8e1 url(/images/bg_blockquote.gif) no-repeat 17px 18px;
padding: 12px 15px 10px 15px;
width: 329px;
border: solid 1px #dcdcdc;
}
blockquote span {
display: block;
float: left;
width: 58px;
height: 40px;
}
解释：上面代码首先给<blockquote>元素设置了背景颜色，背景图片，边框和宽度。
第二段CSS是给<span>设置的样式。首先把它设置成块级元素（默认的是行内元素），再设置左浮动，和给段落设置图片环绕相似。接着设置的宽度和高度是根据背景图片来定，这样看起来就是双引号引起的缩进。事实建议把双引号作为<span>的背景图片，当然，作为<blockquote>的背景图片也是一样的。
上面讲的是最基本的原理，如果在页面中有许多地方要实现这种效果，可以使用javascript来实现。