在HTML中,可以使用标签来设置图片,要设置图片比例缩小,可以使用CSS的width和height属性,以下是一个详细的例子:

创新互联专注于企业成都全网营销推广、网站重做改版、驿城网站定制设计、自适应品牌网站建设、H5开发、购物商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为驿城等各大城市提供网站开发制作服务。
1、创建一个HTML文件,例如index.html,并在其中添加以下内容:
图片比例缩小示例
图片比例缩小示例
| 图片 | 代码 |
|---|---|
![]() |
<img src="example.jpg" alt="示例图片" style="width: 50%; height: auto;">
|
2、将一张名为example.jpg的图片放在与index.html相同的目录下。
3、在标签内添加以下CSS样式:
img {
display: block;
marginleft: auto;
marginright: auto;
}
4、保存index.html文件,然后在浏览器中打开它,你将看到一个图片,其宽度为原始宽度的50%,高度自动调整以保持原始宽高比。