欢迎访问 生活随笔!

凯发k8官方网

当前位置: 凯发k8官方网 > 前端技术 > html >内容正文

html

html设置背景图片 -凯发k8官方网

发布时间:2023/12/14 html 32 豆豆
凯发k8官方网 收集整理的这篇文章主要介绍了 html设置背景图片 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

主要使用下面三个参数

background: no-repeat center 0px; //repeat设置重复,center设置位置
background-position: center 0;
background-size: cover; //有4种写法分别为 :auto,contain,cover&百分比
//auto:自动判断,一般出来的效果是,不重复,以长宽中较大的为标准放缩图片
//contain:不重复,以长宽中较小的为标准放缩图片
//cover:以长宽中较大的为标准显示图片,不放缩,小了会留白,大了会隐藏

总结

以上是凯发k8官方网为你收集整理的html设置背景图片的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错,欢迎将凯发k8官方网推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图