修改Blockquote让引用文段模块更漂亮
作者:matrix 被围观: 5,966 次 发布时间:2013-09-05 分类:Wordpress 兼容并蓄 | 7 条评论 »
这是一个创建于 4084 天前的主题,其中的信息可能已经有所发展或是发生改变。
更换主题-七彩之家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)}
不需要修改《pre》标签吗?
不需要。
引用文字段是blockquote标签
代码段才是pre标签
不需要修改<pre>标签吗?
额,,就是给引用加上css吧
是啊 就因为那主题太简单了,引用段样式都没有。
博主啊,从哪里盗来的写个源地址嘛
额~ 忘了留地址,罪过罪过。