美文网首页
css背景图片居中自适应

css背景图片居中自适应

作者: 为嘉泽做准备的 | 来源:发表于2019-07-30 09:07 被阅读0次

图片作为背景时,很容易被拉伸或收缩,分享一种css写法能使无论多大图片,多大屏幕都能够使得图片在最中间。

.bgimg{
      background-color: #fff;
      background: url(../img/bg_login.jpg) no-repeat;
      background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-position: center 0;
 }

相关文章

  • 图片自适应显示

    CSS动态计算 背景图片自适应

  • css常见问题自用

    内容居中 flex实现上下居中,最简单。 背景图片自适应,宽度100%还是高度100%。 1920/1080是背景...

  • css背景图片居中自适应

    图片作为背景时,很容易被拉伸或收缩,分享一种css写法能使无论多大图片,多大屏幕都能够使得图片在最中间。

  • 文章收藏

    css 1、纯CSS控制背景图片100%自适应填充布局 thinkphp 1、thinkphp如何去掉index.php

  • 🍭CSS背景图片居中自适应缩放

  • CSS布局相关

    CSS相关 1.左边定宽,右边自适应方案: 2.左右两边定宽,中间自适应 3.CSS左右垂直居中 设置paddin...

  • HTML 背景图片自适应

    在style中或者css中写入以下代码,即可实现背景图片自适应:body { background-image: ...

  • 网页左右自动自适应居中

    网页左右自动自适应居中 html部分 我在中间,而且是随着内容宽度自动左右居中,无须你操心。 css部分 #tes...

  • CSS总结一

    一、背景图片占屏幕的全屏 二、使用flex布局让文字垂直居中 1:html 2:css 三、css分列多行 父元素...

  • 如何用CSS实现背景图片自适应?

    在HTML中通过CSS设置背景图片自适应浏览器大小,该如何实现? 用background-size属性,你想给他多...

网友评论

      本文标题:css背景图片居中自适应

      本文链接:https://www.haomeiwen.com/subject/uqtkrctx.html