WordPress修改pre H1 H2标签的样式

wordpress4.x官方主题pre标签样式效果一般,可以自行修改。登录wordpress后台:点击左侧导航“外观”-“编辑”,在右侧文件列表选择style.css进行编辑,查找pre样式定义进行修改。

pre {
 background: #d9e9ff;
 font: 13px "Courier 10 Pitch", Courier, monospace;
 line-height: 1.5;
 margin-bottom: 1.625em;
 overflow: auto;
 padding: 0.75em 1.625em;
 border-style:solid;
 border-width:1px 1px 1px 1px;
 border-color:#7FB5FF;
 }

background定义背景色,font定义字体字号,line-height定义行高,margin-bottom定义外下边距,overflow定义滚动条,padding定义内边距,border-style定义边框样式,border-width定义边框粗细,border-color定义边框颜色。

查找entry-content h1,h2标签,修改为:

.entry-content h1,h2
.comment-content h1,h2 {
 color: #0000ff;
 font-size: 20px;
 font-weight: bold;
 margin: 0 0 .8125em;
}
.entry-content h4,
.comment-content h4 {
 color: #a52a2a;
 font-size: 18px;
 font-weight: bold;
 margin: 0 0 .8125em;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据