以下是纯 CSS 实现的简单代码高亮效果：

/* 代码块基础样式 */pre {background: #1e1e1e;color: #d4d4d4;padding: 15px;border-radius: 6px;overflow-x: auto;font-family: Consolas, Monaco, Courier New, monospace;line-height: 1.5;position: relative;margin: 1em 0;}

/* 行内代码样式 */code {background: #2d2d2d;color: #d4d4d4;padding: 2px 4px;border-radius: 3px;font-family: Consolas, Monaco, Courier New, monospace;}

/* PHP 关键字颜色 */.php-keyword {color: #569cd6;}

/* 字符串颜色 */.php-string {color: #ce9178;}

/* 注释颜色 */.php-comment {color: #6a9955;}

/* 变量颜色 */.php-variable {color: #9cdcfe;}

/* 函数颜色 */.php-function {color: #dcdcaa;}

/* 数字颜色 */.php-number {color: #b5cea8;}

优点：

缺点：

如果你的代码量不大，这种方案是可行的。但如果需要处理大量代码，还是建议使用专门的语法高亮工具。

wordpress实现代码高亮效果，不加插件不加js   https://cdnanqi.cn/wangluoyingxiao/16862.html