如何让自己的博客更易于阅读

tech2022-09-23  80

目录

水平线图片大小注:未完待续。。。

水平线

在不同的内容之间加上水平线,可以很好的起到分割效果,便于阅读,具体如下: 在博客中写上<hr>标签即可
但有的时候需要更合适的长度来利于我们排版,如下: <hr width=" 350">

图片大小

写博客时,一般我会截图搭配文章,但直接放进博客会100%展示,比较突兀,如下:

下面是图片的代码: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200903100424492.jpg?x-oss-process=image/watermark, type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw, size_16,color_FFFFFF,t_70#pic_center) ① 我们可以将图片代码中的 (https://img-blog.csdnimg.cn/20200903100424492.jpg?x-oss-process=image/watermark, type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw, size_16,color_FFFFFF,t_70#pic_center) 这段话复制到下面代码中的src属性 <img src="" width="30%"> 最后代码为:<img src="https://img-blog.csdnimg.cn/20200903100424492.jpg?x-oss-process=image/watermark, type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTIzNzYw, size_16,color_FFFFFF,t_70#pic_center" width="30%"> 效果如下图: ② 另外也可以在图片代码的末尾加上 "=150x",也可以起到缩放修改如下: (...t_70#pic_center =150x) 效果如下:

注:未完待续。。。

最新回复(0)