• 超级码客 超级码客
  • 首页
  • ▾题库
    • 数据结构与算法面试题 ( 2619 + )
    • Java工程师面试题 ( 6549 + )
    • 前端工程师面试题 ( 6906 + )
    • Python工程师面试题 ( 4195 + )
    • C++工程师面试题 ( 4458 + )
    • Android工程师面试题 ( 3218 + )
    • IOS工程师面试题 ( 2330 + )
    • PHP工程师面试题 ( 3790 + )
    • C#工程师面试题 ( 3411 + )
    • Golang工程师面试题 ( 3522 + )
    • 分布式工程师面试题 ★★ ( 2847 + )
    • 运维+DevOPS工程师面试题 ( 3463 + )
    • 大数据工程师面试题 ( 3093 + )
    • 数据库工程师面试题 ( 3246 + )
    • 软件测试工程师面试题 ( 2402 + )
    • 网络通讯工程师面试题 ( 1768 + )
  • 笔试
    • 算法数据结构笔试  ( 1200 + )
    • Java 笔试题  ( 1000 + )
    • 前端笔试题  ( 800 + )
    • PHP 笔试题  ( 150 + )
    • Python 笔试题  ( 150 + )
    • C++ 笔试题  ( 1200 + )
    • C# 笔试题  ( 180 + )
    • Golang 笔试题  ( 150 + )
    • 数据库笔试题  ( 800 + )
    • 运维笔试题  ( 260 + )
    • 网络通讯笔试题  ( 900 + )
    • 分布式笔试题  ( 80 + )
    • Android 笔试题  ( 120 + )
    • IOS 笔试题  ( 120 + )
    • 大数据 笔试题  ( 160 + )
    • 软件测试笔试题  ( 100 + )
  • 宝典
  • 专栏
  • 大厂题
    • 互联网大厂面试真题资料下载 📥
    • 互联网企业历年真题卷 (面试题)
    • 互联网企业历年真题卷 (笔试题)
  • 框架
  • 校招
  • 模拟
  • 组卷
  • 导题
  • 码客
    • Java 编程 ( 1297 篇技术文摘 )
    • PHP 编程 ( 3397 篇技术文摘 )
    • Python 编程 ( 1330 篇技术文摘 )
    • 前端开发 ( 9328 篇技术文摘 )
    • C / C++ ( 1375 篇技术文摘 )
    • C# 编程 ( 904 篇技术文摘 )
    • Golang 编程 ( 1144 篇技术文摘 )
    • 数据库开发 ( 4549 篇技术文摘 )
    • Linux 运维 ( 2346 篇技术文摘 )
    • Docker容器 ( 1489 篇技术文摘 )
    • 网络安全 ( 789 篇技术文摘 )
    • Git代码协同 ( 1498 篇技术文摘 )
    • 更多分类
  • 下载
    • IT图谱资料下载
    • Java资料下载
    • PHP资料下载
    • Python资料下载
    • 前端技术资料下载
    • IOS资料下载
    • DevOps资料下载
    • 公有云资料下载
    • C++专区资料下载
    • 数据库资料下载
    • 大数据资料下载
    • 架构设计资料下载
    • 职业发展资料下载
    • 更多分类
  • 书籍
  • 简历
  • 🎁VIP
       css中怎么设置图片大小
    2025-04-10 07:17:35  [ 作者:青灯夜游 ]  阅读数:1485

        

    在css中,可以使用width和height属性来设置图片大小;只需要给img图片元素设置“width:值;height:值;”样式即可。width和height属性可以设置元素内容区的宽度和高度,不包括填充、边框、或页边距。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    在css中,可以使用width和height属性来设置图片大小。

    示例:

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title></title>
      <style>
      .a{
        width: 200px;
        height: 200px;
      }
      .b{
        width: 200px;
        height: 100px;
      }
      </style>
    </head>
    
    <body>
    <img src="img/1.jpg" alt="" class="a">
    <img src="img/1.jpg" alt="" class="b">
    </body>
    
    </html>

    效果图:

    1.png

    说明:

    width 属性设置元素的宽度,height 属性设置元素的高度。

    width 属性和height 属性定义元素内容区的宽度和高度,不包括填充,边框,或页边距;在内容区外面可以增加内边距、边框和外边距。

    属性值:

    值描述
    auto默认。浏览器会计算出实际的高度。
    length使用 px、cm 等单位定义高度。
    %基于包含它的块级对象的百分比高度。<

    .........................................................
    请您注册登录超级码客,加载全部码客文章内容...
  • IT 码客文摘
  • 查看所有
    • ▪ css分割线怎么设置
    • ▪ css指的是什么
    • ▪ css3怎么实现字体渐变色
    • ▪ 什么是CSS motion path模块?如何制作运动路径动画?
    • ▪ css如何实现背景透明,文字不透明?
    • ▪ css不生效是什么原因
    • ▪ css字间距怎么设置
    • ▪ css怎样设置背景向两个方向渐变
    热门相关面试题
    • 1. 简述linux mtd是什么意思 ?
      推荐等级: ★★★★  难度: 初级
    • 2. 请简述 你在使用 MariaDB 的过程中遇到过哪些
      推荐等级: ★★★★  难度: 初级
    • 3. 简述uniAPP 中常见的组件 ?
      推荐等级: ★★★★★  难度: 中级
    • 4. 为什么HTML5里面不需要DTD ?
      推荐等级: ★★★★  难度: 高难
    • 5. 简述MapReduce分区及作用 ?
      推荐等级: ★★★★★  难度: 中级
    • 6. 简述下⾯的程序运⾏后为什么会爆异常 ?
      推荐等级: ★★★★★  难度: 中级
    • 7. 请利⽤ foreach 和 ref 为⼀个数组中的每
      推荐等级: ★★★★★  难度: 中级
    • 8. 下面关于B和B+树的叙述中,不正确的是?
      推荐等级: ★★★★  难度: 中级
    • 9. 简述Prometheus-PromQL聚合操作 ?
      推荐等级: ★★★★★  难度: 初级
    • 10. 简述如何通过Webman框架实现单页应用和路由导航功
      推荐等级: ★★★  难度: 初级
    IT 软件大厂热门真题( 现场卷 )
  • 查看更多
    •    爱奇艺研发工程师笔试题及答案(三)
          企业名称:爱奇艺   [ PDF 资源 ]
         奇虎360校园招聘面试 一二面案例
          企业名称:奇虎360   [ 图文版 ]
         Google 常见C++笔试题部分(收纳)
          企业名称:Google   [ 图文版 ]
         小米集团-Java中高级研发社招面试题202
          企业名称:小米科技   [ 图文版 ]
         腾讯大数据开发面试题及参考答案~推荐
          企业名称:腾讯集团   [ PDF 资源 ]
         蚂蚁金服-深圳中心-2022年Java面试题
          企业名称:阿里巴巴   [ PDF 资源 ]
    
    ICP备案号:沪ICP备17025979号-8 上海勤革软件版权所有 @2021-2025

    关于我们   商务合作   用户协议   隐私协议   微信小程序   APP 下载   在线咨询

    超级码客(含 APP)成立于2021年是一款针对IT程序员,软件工程师,运维,数据库,测试,软件PM等IT技术工作者打造的面试题库平台,IT岗位技术线覆盖Java,PHP,Python,Android,IOS,Linux,分布式,大数据,云计算等20大各主流技术栈,超级码客提供超过46580道优质的面试题库,技术学习文档等为用户提供全面的IT方面面试辅助以及技术指导
    APP 备案号: ICP备案号:沪ICP备17025979号-10A , 版本号:4.6 开发者:上海勤革信息技术有限公司
    超级码客