登录
注册
写文章
发现
工具
css图片自适应大小
_3t3lfz KEKfID
编辑文章
css图片自适应大小
asfx站长
2020.08.17 21:40:47
阅读
780
问题描述： #### 图片无法自适应大小，只能展示一部分 解决代码如下：加上最关键的： ##### background-size:100% 100%; ### 例如：这里给每个 li 标签文字后面添加一张图片 html页面： ```html <body> <ul class="nav"> <li>图片1<span></span></li> <li>图片2<span></span></li> <li>图片3<span></span></li> <li>图片4<span></span></li> <li>图片5<span></span></li> </ul> </body> ``` css样式： ```css .nav>li>span{ background:url(/images/img.png) no-repeat center center; background-size:100% 100%; width: 40px; height: 40px; } ```
我的主页
退出
