在太阳下
不管你喜不喜欢,高不高兴,爱与不爱;太阳照旧照耀着你!温暖着你!

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
Verified by MonsterInsights