body { background-image: url(pic/b6.jpg); background-repeat:no-repeat ; background-position:center; background-size: cover; background-attachment: fixed; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px auto; height: 700px; width: 800px; border: 1px solid #00663300; } #navigator{ height:25px; width:800px; font-size:14px; list-style-type:none; } #navigator li{ float:left; width:190px; height:25px; } #navigator li a{ color:#000000; text-decoration:none; padding-top:4px; display:block; width:131px; height:22px; text-align:center; background-color:greenyellow; margin-left:2px; } #navigator li a:hover{ background-color:#006633; color:#FFFFFF; } #content { height:auto; width:800px; } .but{ width:300px; min-height:40px; display:block; background-color:orange; border:1px; color:#fff; padding:9px 14px; font-size:15px; line-height:normal; border-radius:5px; margin:20px; } .button:hover{ background-color:#006633; color:#FFFFFF; } .movie { height: 200px; background-image: url("pic/b1.jpg"); background-repeat: no-repeat; background-size: cover; } .text { height: 200px; background-image: url("pic/b2.jpg"); background-repeat: no-repeat; background-size: cover; } .music { height: 200px; background-image: url("pic/b3.jpg"); background-repeat: no-repeat; background-size: cover; } .nba { height: 200px; background-image: url("pic/b4.jpg"); background-repeat: no-repeat; background-size: cover; } .manh { height: 200px; background-image: url("pic/b5.jpg"); background-repeat: no-repeat; background-size: cover; } .qm { height: 200px; background-image: url("pic/b6.jpg"); background-repeat: no-repeat; background-size: cover; }