蓝易云

WordPresss 主题美化-给代码块添加 mac 风格的背景图片

449次阅读
没有评论

共计 321 个字符,预计需要花费 1 分钟才能阅读完成。

今天突然觉得代码块光秃秃的,想给它美化一下,就像下面这样。

Wordpresss 主题美化-给代码块添加 mac 风格的背景图片

只需要插入 css 代码即可:

/** 代码块美化 */
.post-content-post pre::before {
    content: "";
    display: block;
    background: url(https://www.amjun.com/img/uploads/2023/04/6433ac582d5b9.png) 6px 10px / 40px no-repeat #2d3748;
    height: 30px;
    border-radius: 5px;
    margin: 0px 2px -7px;
}

.post-content-post pre {
   max-height: unset;
    padding: 0 0.5em 0.5em 0.5em;
}

提醒:本文发布于612天前,文中所关联的信息可能已发生改变,请知悉!

AD:【腾讯云服务器大降价】2核4G 222元/3年 1核2G 38元/年
正文完
 0
阿蛮君
版权声明:本站原创文章,由 阿蛮君 于2023-04-10发表,共计321字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
Copyright © 2022-2024 阿蛮君博客 湘ICP备2023001393号
本网站由 亿信互联 提供云计算服务 | 蓝易云CDN 提供安全防护和加速服务
Powered by Wordpress  Theme by Puock