Typecho博客Joe主题文章颜色包裹文字代码实现

原文链接：https://www.laokbk.cn/archives/91/ 

以上的效果是怎么实现的呢，其实很简单的，下面我将代码分享给大家。

首先是用一个div包裹，用ID选择器，代码如下：（这些个代码是放在文章中使用的，当然你在其他的页面中也是可以的，我只针对Joe主题，因为其他的主题没有测试，如果不显示的话请在代码的前后用三个英文状态下的感叹号 ！进行代码的包裹：就像这样

!!!<div id="lk_mhz">迷幻紫</div>!!!

在你的网站根目录中创建一个css文件，放入下面的css代码：

@charset "utf-8";
#lk_mhz,#lk_xgh,#lk_tkzj,#lk_xyz,#lk_gll ,#lk_xty,#lk_yyz,#lk_szh,#lk_wbk{
    border-radius: 8px;
}
/*迷幻紫*/
#lk_mhz{
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 15px;
    /*border-radius: 10px;*/