HTML怎么设置图片大小

html插入图片有两种方式:一种是通过标签插入的正常的图片,另一种是通过css样式插入的背景图片

1、首先你是通过第二种方式插入的是背景图片,直接用width和height只能控制div的宽度和高度。

HTML怎么设置图片大小

2、如果你插入的图片是通过标签的方式来插入的话,可以通过自身的属性控制图片大小,代码格式是:

HTML怎么设置图片大小

HTML怎么设置图片大小

3、如果非要通过css控制背景图片的大小,可以通过background-size样式来实现,具体的css格式是:background-size:宽度 高度; (如下图所示)。

HTML怎么设置图片大小

扩展资料:

1、background 是用于在一个声明中设置所有背景属性的一个简写属性。

格式: background: {属性值}

继承性: NO;

可能的值:

background-color(背景颜色)

background-image(背景图片)

background-repeat(背景拉伸方式)

background-attachment(固定或者随着页面的其余部分滚动)

background-position(背景定位)

新增的值:

background-clip(规定背景的绘制区域)

background-origin(相对于容器中来定位背景图像)

background-size (背景图像的大小)
————————————————
版权声明:本文为CSDN博主「DDDhema」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/DDDhema/article/details/117902483

Original: https://www.cnblogs.com/Alone-2021/p/15700361.html
Author: Alone_2021
Title: HTML怎么设置图片大小

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/642968/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • iOS修改项目名称

    网上很多方法修改iOS项目名字,但是操作不当就会遇到文件路径错误,修改前项目和修改后的项目路径指向同一文件,在这就是把项目修改完全打不开等等。今天在这分享完美修改项目名称,避免路径…

    技术杂谈 2023年5月31日
    088
  • 重新学习数据库(2)

    单元概述 通过本章的学习能够了解MySQL数据库中多表查询的含义,掌握多表查询的基本写法,掌握特殊的多表查询的写法,掌握内连接和外连接的区别 测试数据脚本 drop TABLE e…

    技术杂谈 2023年6月22日
    089
  • 人工智能(AI)库TensorFlow 踩坑日记之二

    这个库里面主要是一些常用的模型用tensorflow实现之后的代码。其中我用的是 models/tree/master/tutorials/image/cifar10 这个示例,上…

    技术杂谈 2023年6月21日
    087
  • python 结构(序列分解)

    一、结构 结构的主要作用是将一个序列分解成若干个单独的变量。 1、对列表进行分解 2、对元组进行分解 3、对字典进行分解 4、对集合进行分解 5、对字符串进行分解 6、对文件句柄进…

    技术杂谈 2023年7月11日
    085
  • 如何将JetBrains IDE 光标由块变为 |

    1 设置中确认未勾选 2 安装了IdeaVim 插件,将其改为未选中状态,或者 ⌥ + ⌘ + v 将其关闭 Original: https://www.cnblogs.com/p…

    技术杂谈 2023年5月31日
    0102
  • 树莓派用python打开摄像头测试的两种方式附例程

    简介 树莓派用python打开摄像头常用两种方法,一种是使用picamare库,另一种是使用OpenCV的库,本文分别介绍两种方式 方式一:picamare 1.代码如下: fro…

    技术杂谈 2023年7月23日
    079
  • Mac下Charles踩坑记录

    初次使用Charles,摸索着抓包的过程中遇到了很多问题。在这里一一记录一下,避免其他初学者踩坑。 问题1:不显示request和response? 在Charles的配置页面可以…

    技术杂谈 2023年7月24日
    058
  • 3D Math Keynote 2

    【 3D Math Keynote 2】 1、方向(diretion),指的是前方朝向。方位(orientation),指的是head、pitch、roll。 2、欧拉角的缺点: …

    技术杂谈 2023年5月31日
    090
  • Delphi 如何让程序获取权限结束指定进程?

    补充: 还有这个`不知道哪个能用的~ unit Tlhelp323; interface usesWindows,SysUtils,Tlhelp32; function KillT…

    技术杂谈 2023年5月31日
    096
  • JDBC——增删改查及开启事务操作

    1.在JDBC中进行对mysql的添加数据 public void test() throws SQLException { 2.在JDBC中进行对mysql的修改/更新数据 3….

    技术杂谈 2023年7月24日
    079
  • 背题!

    博客园 :当前访问的博文已被密码保护 请输入阅读密码: Original: https://www.cnblogs.com/0x3e-time/p/16344648.htmlAut…

    技术杂谈 2023年6月21日
    080
  • Game Engine Architecture 8

    【 Game Engine Architecture 8】 1、Differences across Operating Systems • UNIX uses a forward…

    技术杂谈 2023年5月31日
    086
  • C# 可视化与自定义控件开发

    和上篇文章一样,基本上以后不会再去弄C#了,所以2年前的资料,都拿出来无偿贡献了。 有两篇整理的资料,目录如下图所示,可以点击此处(C_Sharp_可视化控件开发.rar)下载。 …

    技术杂谈 2023年5月30日
    0111
  • Kubernetes Service 笔记

    Service K8S Service可以简单理解为逻辑上的一组Pod。一种可以访问Pod的策略,其他Pod可以通过这个Service访问到这个Service代理的Pod。相对于P…

    技术杂谈 2023年7月11日
    087
  • TraceId 和 SpanId 生成规则

    TraceId 生成规则 SOFATracer 通过 TraceId 来将一个请求在各个服务器上的调用日志串联起来,TraceId 一般由接收请求经过的第一个服务器产生,产生规则是…

    技术杂谈 2023年5月31日
    093
  • Nacos

    Nacos— Spring Cloud 注册中心 + 配置中心 一.什么是Nacos? Nacos是阿里的一个开源产品,是针对微服务架构中的服务发现、配置管理、服务治理的综合型解决…

    技术杂谈 2023年7月25日
    092
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球