• 超级码客 超级码客
  • 首页
  • 题库▿
    • 数据结构与算法面试题 ( 2619 + )
    • Java工程师面试题 ( 6548 + )
    • 前端工程师面试题 ( 6906 + )
    • Python工程师面试题 ( 4195 + )
    • C++工程师面试题 ( 4458 + )
    • Android工程师面试题 ( 3217 + )
    • 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++专区资料下载
    • 数据库资料下载
    • 大数据资料下载
    • 架构设计资料下载
    • 职业发展资料下载
    • 更多分类
  • 职场
    • 校园专区
    • IT 职场
    • 发展之路
    • 挨踢人生
    • 面试经验
    • 资格考证
  • 书籍
  • 简历
  • 🎁VIP
       css中怎么设置图片大小
    2025-04-10 07:17:35  [ 作者:青灯夜游 ]  阅读数:1515

        

    在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指的是什么
    • ▪ 什么是CSS motion path模块?如何制作运动路径动画?
    • ▪ css3怎么实现字体渐变色
    • ▪ css如何实现背景透明,文字不透明?
    • ▪ css不生效是什么原因
    • ▪ css字间距怎么设置
    • ▪ css怎样设置背景向两个方向渐变
    热门相关面试题
    • 1. 简述如何利用PHP和phpSpider进行网络爬虫操
      推荐等级: ★★★★  难度: 中级
    • 2. Gin框架 常用的库有哪些 (jwt、cors、za
      推荐等级: ★★★  难度: 初级
    • 3. 描述一下ZeroMQ中常见的网络问题及解决方法 ?
      推荐等级: ★★★  难度: 高难
    • 4. 阐述inspect模块有什么用?
      推荐等级: ★★★  难度: 初级
    • 5. 简述css怎样设置表格外边框加粗 ?
      推荐等级: ★★★★★  难度: 中级
    • 6. 解释⼀下MVC中的RenderBody和Render
      推荐等级: ★★★  难度: 初级
    • 7. 简述Android的Activity启动模式?
      推荐等级: ★★★★  难度: 初级
    • 8. 下面不属于JavaScript的基本数据类型的是 ?
      推荐等级: ★★  难度: 初级
    • 9. FTP的主动模式和被动模式?
      推荐等级: ★★★  难度: 初级
    • 10. 简述微信小程序promsie.all和promise
      推荐等级: ★★★★★  难度: 中级
    IT 软件大厂热门真题( 现场卷 )
  • 查看更多
    •    工商银行 C++技能测试试卷一及答案( 笔试
          企业名称:中国工商银行   [ 图文版 ]
         ​讯飞软件开发笔试题目(C++)A卷
          企业名称:科大讯飞   [ 图文版 ]
         阿里研发~前端开发工程师招聘试题
          企业名称:阿里巴巴   [ 图文版 ]
         百度2021校园招聘南京PC客户端开发笔试题
          企业名称:百度在线   [ 图文版 ]
         腾讯大数据开发面试题及参考答案~推荐
          企业名称:腾讯集团   [ PDF 资源 ]
         搜狐畅游Java后台开发面试题大全及参考答案
          企业名称:搜狐   [ PDF 资源 ]
    
    ICP备案号:沪ICP备17025979号-8 上海勤革软件版权所有 @2021-2025

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

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