优快云博客公告中显示图片的方法

最新推荐文章于 2022-06-28 16:49:00 发布

nataku

最新推荐文章于 2022-06-28 16:49:00 发布

阅读量953

点赞数

CC 4.0 BY-SA版权

分类专栏：技术摘要文章标签：公告 blog html border

本文链接：https://blog.youkuaiyun.com/nataku/article/details/1750547

技术摘要专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何使用HTML代码在公告设置中插入图片，并提供了几种不同样式的实现方法，包括带链接的图片和无边框的图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

①只显示图片

在配置界面的公告设置中输入HTML代码：
<img src="https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/nataku/311234/o_image.png">

显示结果：

②显示有链接的图片

在配置界面的公告设置中输入HTML代码：
<a href="http://services.nexodyne.com" target="_blank"><img src="https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/nataku/311234/o_image.png"></a>

显示结果：

③ 显示有链接，无边框的图片

在配置界面的公告设置中输入HTML代码：
<style>img{border:0}</style><a href="http://services.nexodyne.com" target="_blank"><img src="https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/nataku/311234/o_image.png"></a>

显示结果：

一点点小经验，美化您的博客首页，希望能与大家分享。