龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css blockquote实现引用效果

时间:2012-12-29 08:41来源:未知 作者:admin 点击: 次
分享到：
文章巧用了css blockquote实现引用效果，因为看到很多网站有引用这种效果，今天我们也来试一个做法。 blockquote 下面加了一个 div 标签，然后为各自定义一个背景图片，设置好 padding 即可
文章巧用了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>

精彩图集
BS项目中的CSS架构_仅加载自己需要的CSS
BS项目中的
css实现气泡框效果(实例加图解)
css实现气泡

热门标签

Calender 置顶 TXT 实时推送 按行读 多库查询 差 多表查询 apache2.2.2+ 博客园 string shelve 相对 销售额 TempDB 按钮的值 默认选项 Rcmd.vbs MediaPlayer类 差异 文件包含 static_cast 保存数据 同步显示 SlowLog 中文文件名 统计页面 集合排序方法 字典类型 命令汇总 删除数据表 执行权限 动态游标 datetime 获取URL erase RAS Alertdialog math函数 SGID 消失 修改标题 mysql: Allowed 性能配置 最简单 MyS 17 汇编 上传头像 js显示当前时间 XMLHttpReque bigint转int 未接来电 自动关机 闹钟程序 PHP静态类 OS 同比自动放缩 QRCode

赞助商链接