WordPress 主题美化 - 给代码块添加 mac 风格样式
之前写过 WordPresss 主题美化-给代码块添加 mac 风格的背景图片,这方式虽然能实现,但是由于使用了背景图片,操作还是稍微有点麻烦。
今天这个代码直接插入代码即可实现美化代码块,阿蛮君现在用的就是这个,css 代码如下:
.post-content-post pre::before {
content: "";
display: block;
background: #fc625d;
top: 9px;
left: 15px;
border-radius: 50%;
width: 9px;
height: 9px;
box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
margin: 0px 2px -7px;
z-index: 1000;
position: absolute;
}
.post-content-post pre {
max-height: unset;
padding: 0 0.5em 0 0.5em;
background: #2d3748;
}
.post-content-post pre code {
margin-top: 16px;
}
AD:
【腾讯云服务器大降价】
2核4G 222元/3年 1核2G 38元/年
网站:阿蛮君博客
标题:WordPress 主题美化 - 给代码块添加 mac 风格样式
链接:https://www.amjun.com/1660.html
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!
标题:WordPress 主题美化 - 给代码块添加 mac 风格样式
链接:https://www.amjun.com/1660.html
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!
THE END
点赞 1
二维码
打赏
海报


WordPress 主题美化 - 给代码块添加 mac 风格样式
之前写过 WordPresss 主题美化-给代码块添加 mac 风格的背景图片,这方式虽然能实现,但是由于使用了背景图片,操作还是稍微有点麻烦。
今天这个代码直接插入……

共有 0 条评论