学习笔记——CSDN博客中图片参数调整

"在CSDN写博客插入图片时,如果需要调整图片大小,可以使用两种方法。方法一是通过设置`<img>`标签的`width`属性,如`width="20%"`来缩放图片。方法二是直接在图片URL后添加等于号和尺寸,如`=90x`或`=x90`来等比缩放。本文介绍了这两种简单易用的图片大小调整技巧。"
摘要由CSDN通过智能技术生成

在csdn写博客的时候经常要插图,然后没法随意的放大缩小,所以学习了一下,做个小笔记
在这里插入图片描述

原图是这样

这样太大了!!!

在这里插入图片描述

方法一:

复制图片底部的url,粘贴到如下位置,想缩小多少比例就在width后写多少在这里插入图片描述
代码如下

<img src="https://i-blog.csdnimg.cn/blog_migrate/a956e65075a841a6a8c10e084ec7a0b8.png" width="20%">

效果如下

方法二:

直接在链接最后输入
“=90x”:修改到制定宽度,高度等比缩小
“=x90”:修改到指定高度,宽度等比缩小
“=90x90”:修改到指定宽度和高度
代码如下在这里插入图片描述

效果如下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值