Markdown(3):图片样式优化美化


1. 调整图片大小

用markdown编写博客的时候,插入的图片无法调整大小,影响美观度。

我们可以使用img标签插入图片。

格式如下:

<img src="链接" width="宽度" height="高度" alt="图片名称" align=center>

2. 白色背景下的白色图片看不清楚,增加投影,突出图片

其中widthheight可以设置属性值为百分比,实现同比缩放。

<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="https://raw.githubusercontent.com/Pamarus/Images/master/2020/更换主题样式03-主题页面.jpg" width="70%" height="70%" />
</center>

3. 添加标题

<center style="font-size:14px;color:#C0C0C0;text-decoration:underline;">

<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="https://raw.githubusercontent.com/Pamarus/Images/master/2020/更换主题样式03-主题页面.jpg" width="70%" height="70%" />
01-克隆主题
</center>

文章作者: Pamarus
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Pamarus !
评论
  目录