H5C3,  网页制作

CSS标题样式参考第三期(简约的)

往style.css里加CSS就太麻烦了。

写成这样方便在wordpress网站中使用。

添加自定义HTML区块复制粘贴即可。

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding-top: .5em;padding-bottom: .5em;margin-bottom: 2em;border-bottom: solid 3px #111111;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding-top: .5em;padding-bottom: .5em;margin-bottom: 2em;border-bottom: double 5px #5490cc;color:#5490cc;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding-top: 1em;padding-bottom: 1em;margin-bottom: 2em;border-top: 3px solid #3f9613;border-bottom: 3px solid #409614;color: #409614;text-align: center;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding-top: .5em;padding-bottom: .5em;padding-left: .5em;margin-bottom: 2em;background-color: #e4b867;color: #ffffff;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding-top: .5em;padding-bottom: .5em;padding-left: .5em;margin-bottom: 2em;background-color: #399837;border-radius:15px;color: #ffffff;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding-top: .5em;padding-bottom: .5em;padding-left: .5em;margin-bottom: 2em;background-color: #b7efdf;border-bottom: 5px solid #395049;color: #334842;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding: .5em;margin-bottom: 2em;border: 4px solid #2e51a2;border-radius: 15px;color: #2f51a2;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding: 1em;margin-bottom: 2em;border: 4px double #619f60;border-radius: 15px;text-align: center;color: #62a061;">请输入文本</p>

请输入文本

<p style="font-size: 1.5em;font-weight: bold;padding-top: .5em;padding-bottom: .5em;padding-left: .5em;margin-bottom: 2em;border-left: 20px solid #a83f9c;background-color: #f3e4f1;color: #772d6f;">请输入文本</p>

Leave a Reply

您的邮箱地址不会被公开。 必填项已用 * 标注