Wordpress 引用与代码字段样式优化

2016-09-06 3591点热度 1人点赞

blockquote 标签和 code 标签分别对应为 Wordpress 的引用字段样式和代码字段样式,在 style.css 中通过修改这两个标签属性,可以改变文章中引用与代码字段显示的效果

blockquote 标签:http://www.w3school.com.cn/tags/tag_blockquote.asp

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% /×行间距×/
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #fbfbfb;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
  font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
  font-size: 10px;
  border-radius: 3px;
}

参考文章:http://www.wxhp.org/blockquote.html

StarryVoid

Have a good time