不会健身的程序员
不是好作家

无图片blockquote引用样式

为了减少http请求,而且需要好看的blockquote样式,下面是小林的无图片引用样式,顺便小林还把<pre>标签的默认样式改了,这样,在没有代码高亮的情况下也不至于过分的难看。

blockquote, pre {
font-family:'Century Gothic', "Microsoft Yahei", Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
blockquote, pre {
border-left:5px solid #080;
margin:10px 0px 10px 0px;
padding-top:5px;
padding-left:20px;
padding-bottom:5px;
background:#f1f1f1;
color:#333;
border-top:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;}
.more-link {
    font-size:11px;
}

下面是上面样式显示之后的效果

image

赞(0)
转载请注明出处:林俊龙博客 » 无图片blockquote引用样式

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

年年岁岁花相识,岁岁年年人不同

给我留言网站地图

谢主隆恩

支付宝扫一扫打赏

微信扫一扫打赏