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