转载博文网址
<center>
<img style="border-radius: 0.3125em;
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);"
src="这里输入图片地址">
<br>
<div style="color:orange; border-bottom: 1px solid #d9d9d9;
display: inline-block;
color: #999;
padding: 2px;">这里输入题注</div>
</center>
修改上述代码中的src和"这里输入题注"即可!
具体示例
- 复制上图中的图片网址,将其复制到src处,并设置“图4.41”的图注,效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/014721f541c73f23ece72344fc47f70f.png)
图4.41
<center>
<img style="border-radius: 0.3125em;
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);"
src="在这里插入图片地址" width = "65%" alt=""/>
<br>
<div style="color:orange; border-bottom: 1px solid #d9d9d9;
display: inline-block;
color: #999;
padding: 2px;">
在这里插入图片注释
</div>
</center>
- 其中width = "65%"可以将图片宽度(等比例)压缩为整页宽的65%。
图注部分在Typora中显示正常,但在CSDN中,图注与图片之间会有较大空隙(目前不知道如何解决)。