WordPress常用web文本编辑代码

WordPress常用web文本编辑代码
TIME 2022-11-08 17:49

进入编辑模式

▊  ❗ 🔺

图片宽度代码

width="500"

添加到图片后缀引号后面，前后中间空格隔开

图片描边代码

style="border: 3px #ccc solid;"

添加到 img 标签后面，前后中间空格隔开

增加缩进量

<p style="padding-left: 40px;">增加缩进量</p>

插件SHH高亮代码

这个是SHH高亮代码

效果↑
代码↓

<pre class="EnlighterJSRAW" data-enlighter-language="shell" data-enlighter-theme="wpcustom">这个是SHH高亮代码</pre>

项目符号列表

<li>项目符号列表(Shift+Alt+Q)</li>

块引用

<blockquote>块引用(Shift+Alt+Q)</blockquote>

分页代码

<!-- /wp:paragraph -->
<!-- wp:nextpage -->
<!--nextpage-->
<!-- /wp:nextpage -->

代码高亮代码
效果一：黑边白底黑字

代码

<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>

代码块

在这里键入代码

点击数：19