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