使用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%;