WordPress 非插件 高亮代码 样式模板

WordPress 非插件 高亮代码 样式模板
TIME 2019-06-18 13:13

效果一：黑边白底黑字

代码

<table style="border-collapse:collapse;border-spacing:0" class="tg"><tr><th style="font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:2px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:inherit;background-color:#ffffff;color:#000000;text-align:left">在这里粘贴代码或是字符</th></tr></table>

效果二：黑边灰地白字

代码

<table style="border-collapse:collapse;border-spacing:0" class="tg"><tr><th style="font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:2px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:inherit;background-color:#656565;color:#ffffff;text-align:left">在这里粘贴代码或是字符</th></tr></table>

效果三：黑边黑底白字

代码

<table style="border-collapse:collapse;border-spacing:0" class="tg"><tr><th style="font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:2px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:inherit;background-color:#000000;color:#ffffff;text-align:left">在这里粘贴代码或是字符</th></tr></table>

效果四：淡红色 + 白字加粗

代码

<table style="border-collapse:collapse;border-spacing:0" class="tg"><tr><th style="font-family:Arial, sans-serif;font-size:14px;font-weight:bold;padding:2px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#f96666;background-color:#f96666;color:#ffffff;text-align:left">在这里粘贴代码或是字符</th></tr></table>

效果五：青色背景 + 白色字体

代码

<table style="border-collapse:collapse;border-spacing:0" class="tg"><tr><th style="font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:2px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#00d2cb;background-color:#00d2cb;color:#ffffff;text-align:left">在这里粘贴代码或是字符</th></tr></table>

效果六：暗青色背景 + 白字

代码

<table style="border-collapse:collapse;border-spacing:0" class="tg"><tr><th style="font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:2px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#06aba5;background-color:#06aba5;color:#ffffff;text-align:left">在这里粘贴代码或是字符</th></tr></table>

返回《WordPress 学习笔记》

点击数：132