为了账号安全,请及时绑定邮箱和手机立即绑定

请问一下大神们,css中让背景图片充满宽度的100%,如何设置?

请问一下大神们,css中让背景图片充满宽度的100%,如何设置?

慕容1519046 2018-03-23 23:29:29
HTML文档内容: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8" />     <title>轮播</title>     <link rel="stylesheet"  href="css/style.css" /> </head> <body>     <div class="main">     <!--图片轮播-->     <div class="banner">         <a href="">             <div class="banner-slide slide1" ></div>         </a>         <a href="">             <div class="banner-slide slide2" ></div>         </a>         <a href="">             <div class="banner-slide slide3" ></div>         </a>     </div>     </div> </body> </html>CSS文档内容:*{    margin: 0;    padding:0;}ul{    list-style: none;}body{    font-family: "微软雅黑";    color: #14191e;}.main{    width: 1366px;    height: 768px;    margin: 30px auto;    overflow: hidden;    <!--溢出隐藏-->}.banner{    width: 1366px;    height: 768px;}.banner-slide{    width: 1366px;    height:768px;    background-repeat: no-repeat; <!--- 不要平铺--->}.slide1{    background-image: url("../img/pic1.jpg");}效果图:达不到充满宽度100%的要求
查看完整描述

2 回答

  • 2 回答
  • 0 关注
  • 8675 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信