CSS3中background-size属性怎么用
发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,小编给大家分享一下CSS3中background-size属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!bach
千家信息网最后更新 2026年11月03日CSS3中background-size属性怎么用
小编给大家分享一下CSS3中background-size属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
bachground-size属性就是定义背景图片的大小,其值有:auto , 像素值 ,百分比 , cover , contain 。
background-size:auto,默认值,以图片自身大小填充元素,根据元素大小来调节自身比例,不会让图片变形。
CSS3关于background-size属性
1.
div{
width:300px;
height:150px;
border:1px solid black;
background:url("photo.jpg") no-repeat;
}
2.背景图片本身大小—width:200px ,height:133px ,上述代码的效果图如下:
像素值,比如 30px 50px,分别表示width height
CSS3关于background-size属性
div{
width:300px;
height:150px;
border:1px solid black;
background:url("photo.jpg") no-repeat;
background-size:250px 100px;
}
以上是"CSS3中background-size属性怎么用"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
属性
图片
大小
篇文章
像素
元素
内容
背景
背景图片
不怎么
代码
大部分
就是
效果
效果图
更多
比例
百分
百分比
知识
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
互联网最新的科技
新华互联网科技学院
互联网最新的科技有限公司
互联网 科技公司
互联网络科技有限公司
上海挚品互联网科技
卓越科技(互联网 )
左右互联网络科技
顺网科技2021年互联网排名
无锡溥仪互联网科技有限公司
华中科技有哪些互联网大佬
北京华百购互联网科技有限公司
团飞科技与伯堂互联网服务平台
成都铂石互联网科技做什么的
互联网与医疗科技
中国互联网公司排名锤子科技
互联网第三次科技革命特征
云南省自由互联网科技有限公司
陕西云淼互联网科技公司
版纳互联网科技选哪家
湖北九亚互联网络科技有限公司
上海喔噻互联网科技
北京禾田雨橡互联网科技
华中科技有哪些互联网大佬
佳云科技和互联网广告
世界互联网科技公司市值排名
互联网科技的全部知识
国大互联网教育科技有限公司薪资
黑云互联网科技有限公司
东营紫格互联网科技