修改Blockquote让引用文段模块更漂亮
修改Blockquote让引用文段模块更漂亮
作者：matrix 被围观: 4,773 次 发布时间：2013-09-05 分类：Wordpress 兼容并蓄 | 7 条评论 »
这是一个创建于 3283 天前的主题，其中的信息可能已经有所发展或是发生改变。
更换主题-七彩之家BLUE2.0以及后续的修改 提过修改css中Blockquote样式来让引用样式更beautiful。
样式一：
代码：
blockquote{
background: #d9e9ff;
padding: 10px 15px 10px 15px;
margin: 1em 3em 1em 3em;
font-size:.8em;
border-style:dotted dotted dotted solid;
border-width:1px 1px 1px 5px;
border-color:#5bbcdd;
line-height:200%;
} 样式二：
代码：
blockquote{color:#2b2b2b; background:url(images/patt.png) repeat;margin:10px 20px;padding:8px 16px;border:1px solid #CCC;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} 背景图片patt.png可自定义。
patt.png下载：
http://link.hhtjim.com/bdwl/2952143733/3238236832/patt.png
百度网盘源地址：http://pan.baidu.com/share/link?shareid=2952143733&uk=3238236832
样式三：
代码：
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #eee}
blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)} 本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
