通过简单的HTML和CSS实现仿CSDN版权声明

示例代码1:

<p><span style="color: #ff0000;"><strong>|</strong></span><span style="color: #0000000; font-size: 12px;">版权声明：本文为博主原创文章，未经博主允许不得转载。</span></p>

显示效果:

|版权声明：本文为博主原创文章，未经博主允许不得转载。

示例代码2:

<p><span style="color: #008000;"><strong>|</strong></span><span style="color: #808080; font-size: 12px;">版权声明：本文为博主原创文章，未经博主允许不得转载。</span></p>

显示效果:

|版权声明：本文为博主原创文章，未经博主允许不得转载。

示例代码3:

<p><span style="color: #008000;"><strong>|</strong></span><span style="color: #808080; font-size: 12px;">转自:<a href="https://www.anspoon.com/wordpress-article-add-copyright-links-author-information-2417.html">https://www.anspoon.com/wordpress-article-add-copyright-links-author-information-2417.html</a></span></p>

显示效果:

|转自:https://www.anspoon.com/wordpress-article-add-copyright-links-author-information-2417.html

示例代码4:

<p><span style="color: #008000;"><strong>|</strong></span><span style="color: #808080; font-size: 12px;">转自:<a href="https://www.anspoon.com/">勺子杂货店</a></span></p>

显示效果:

|转自:勺子杂货店

相关文章:

WordPress免插件实现文章底部添加版权信息，链接和作者信息 WordPress 5.3 子主题使用详细教程 使用SSH密钥连接Git远程仓库 又拍云cdn使用心得体会 免费下载 GeneratePress Premium v2.3.2 (最新版)持续更新