文章巧用了css blockquote实现引用效果,因为看到很多网站有引用这种效果,今天我们也来试一个做法。
blockquote 下面加了一个 div 标签,然后为各自定义一个背景图片,设置好 padding 即可实现引用块(Blockquote)效果。
实例
代码如下
复制代码
<style type="text/css">
blockquote {
background: transparent url(quoleft.gif) left top no-repeat;
}
blockquote div {
padding: 0 40px;
background: transparent url(quoright.gif) right bottom no-repeat;
}
</style>
<blockquote cite="http://www.111cn.net">
<div>
css引用
</div>