首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

改进后的CSS样式

```

#修复了李笑来版在公众号中不能显示代码背景的 bug

.markdown-here-wrapper{

font-size:16px;

line-height:1.8em;

letter-spacing:0.1em;

}

pre, code{

font-size:0.85em;

font-family: Consolas, Inconsolata,Courier,monospace;

}

code{

margin:0.15em;

padding:0.3em;

white-space:pre-wrap;

border:1pxsolid#EAEAEA;

background-color:#F8F8F8;

border-radius:3px;

display:inline;/* added to fix Yahoo block display of inline code */

}

pre{

font-size:1em;

line-height:1.2em;

}

pre code{

white-space:pre;

overflow:auto;/* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */

border-radius:3px;

border:1pxsolid#CCC;

padding:0.5em0.7em;

display:block!important;/* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */

}

strong, b{

color:#BF360C;

}

em, i{

color:#009688;

}

hr{

border:1pxsolid#BF360C;

margin:1.5emauto;

}

p{

margin:1.5em5px!important;

}

table, pre, dl, blockquote, q, ul, ol{

margin:10px5px;

}

ul, ol{

padding-left:15px;

}

li{

margin:10px;

}

li p{

margin:10px!important;

}

ul ul, ul ol, ol ul, ol ol{

margin:;

padding-left:10px;

}

ul{

list-style-type:circle;

}

dl{

padding:;

}

dl dt{

font-size:1em;

font-weight:bold;

font-style:italic;

}

dl dd{

margin:10px;

padding:10px;

}

blockquote, q{

border-left:2pxsolid#009688;

padding:10px;

color:#777;

quotes:none;

margin-left:1em;

}

blockquote::before, blockquote::after, q::before, q::after{

content:none;

}

h1, h2, h3, h4, h5, h6{

margin:20px10px;

padding:;

font-style:bold!important;

color:#009688!important;

text-align:center!important;

margin:1.5em5px!important;

padding:0.5em1em!important;

}

h1{

font-size:24px!important;

border-bottom:1pxsolid#ddd!important;

}

h2{

font-size:20px!important;

border-bottom:1pxsolid#eee!important;

}

h3{

font-size:18px;

}

h4{

font-size:16px;

}

table{

padding:;

border-collapse:collapse;

border-spacing:;

font-size:1em;

font:inherit;

border:;

margin:auto;

}

tbody{

margin:;

padding:;

border:;

}

table tr{

border:;

border-top:1pxsolid#CCC;

background-color:white;

margin:;

padding:;

}

table tr:nth-child(2n){

background-color:#F8F8F8;

}

table tr th, table tr td{

font-size:16px;

border:1pxsolid#CCC;

margin:;

padding:5px10px;

}

table tr th{

font-weight:bold;

color:#eee;

border:1pxsolid#009688;

background-color:#009688;

}

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180814G0BMFO00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券