img标签和背景图片的区别

需求:需要在网页中展示一张图片的效果?
Ø 方法一:直接写上img标签即可
• img标签是一个标签,不设置宽高默认会以原尺寸显示
Ø 方法二:div标签 + 背景图片
• 需要设置div的宽高,因为背景图片只是装饰的CSS样式,不能撑开div标签

主题测试文章,只做测试使用。发布者:果壳日志,转转请注明出处:https://www.xin12123.com/n/538.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年 11月 13日 下午2:54
下一篇 2022年 11月 10日 下午1:21

相关推荐

  • 水平居中方法总结 margin : 0 auto

    如果需要让div、p、h(大盒子)水平居中?• 可以通过margin : 0 auto ; 实现Ø 注意点:1. 如果需要让 div、p、h(大盒子) 水平居中,直接给 当前元素本身 设置即可2. margin:0 auto 一般针对于固定宽度的盒子,如果大盒子没有设置宽度,此时会默认占满父元素的宽度

    CSS 2022年 11月 12日
    00
  • css3的高级选择器有哪些?css进阶选择器

    后代选择器:空格 作用:根据 HTML 标签的嵌套关系,选择父元素 后代中 满足条件的元素Ø 选择器语法:选择器1 选择器2 { css }Ø 结果:• 在选择器1所找到标签的后代(儿子、孙子、重孙子…)中,找到满足选择器2的标签,设置样式Ø 注意点:1. 后代包括:儿子、孙子、重孙子……2. 后代选择器中,选择器与选择器之前通过 空格 隔开   …

    2022年 11月 13日
    00
  • css选择器的作用是什么?css的基本选择器有几种

    css选择器的作用:• 选择页面中对应的标签(找她),方便后续设置样式(改她) 标签选择器 结构:标签名 { css属性名:属性值; }Ø 作用:通过标签名,找到页面中所有这类标签,设置样式Ø 注意点:1. 标签选择器选择的是一类标签,而不是单独某一个2. 标签选择器无论嵌套关系有多深,都能找到对应的标签   类选择器 结构:.类名 { css属性…

    2022年 11月 12日
    00
  • css背景相关属性有哪些,css背景相关属性连写

    背景颜色 属性名:background-color(bgc)Ø 属性值:• 颜色取值:关键字、rgb表示法、rgba表示法、十六进制……Ø 注意点:• 背景颜色默认值是透明: rgba(0,0,0,0) 、transparent • 背景颜色不会影响盒子大小,并且还能看清盒子的大小和位置,一般在布局中会习惯先给盒子设置背景颜色   背景图片 属性名…

    2022年 11月 13日
    00
  • css文字行高怎么设置?css中设置行高的属性

    字体行高的作用 作用:控制一行的上下行间距Ø 属性名:line-heightØ 取值:• 数字+px• 倍数(当前标签font-size的倍数)   应用:1. 让单行文本垂直居中可以设置 line-height : 文字父元素高度2. 网页精准布局时,会设置 line-height : 1 可以取消上下间距Ø 行高与font连写的注意点:• 如果…

    2022年 11月 12日
    00

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信