使用html中,CSS形式设置图片的铺满问题

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>35-jQuery的TAB选项卡</title>  <style>  *{ margin:0px;  padding:0px;  }
        .box{ width:500px;  height:300px;  border: 1px solid #000000;  margin:50px auto;   }
        .nav>li{ list-style:none;  width:125px;  height:50px;  background: orange;  text-align:center;  line-height: 50px;  float:left;   }
        .nav>.current{ background: #ccc;  }
        .content>li{ list-style: none;  display:none;  }
        .content>.show2{ display:block;  -webkit-background-size: 100% 100%;  } </style> </head> <body> <div class="box">  <ul class="nav">  <li class="current">H5+C3</li>  <li>jQuery</li>  <li>C语言</li>  <li>Go语言</li>  </ul>  <ul class="content">  <li class="show1"><img src="image/H5.png" alt=""></li>  <li class="show2"><img src="image/jQuery.jpg" alt=""></li>  <li class="show3"><img src="image/C语言.png" alt=""></li>  <li class="show4"><img src="image/Go语言.jpg" alt=""></li>  </ul>  </div>  </body> </html>
这个代码实现,其中这张图片不能够铺满下面的白素部分,该部分为一个div标签,已经使用如下方法实现,但是没有效果,求各路好汉解答下,找一个求解方法。
-webkit-background-size: 100% 100%;
#实习#
全部评论

相关推荐

点赞 收藏 评论
分享
牛客网
牛客企业服务