修改Blockquote让引用文段模块更漂亮

作者：matrix 被围观: 5,253 次 发布时间：2013-09-05 分类：Wordpress 兼容并蓄 | 7 条评论 »

更换主题-七彩之家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)}