body { margin: 0px; padding: 0px; } div { margin: 0px; padding: 0px; } ul { margin: 0px; padding: 0px; } li { margin: 0px; padding: 0px; } h4 { margin: 0px; padding: 0px; } p { margin: 0px; padding: 0px; } /* body { no-repeat 50% 0px rgb(0, 0, 0); font: 12px/1.8 arial; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; } */ /***效果样式开始**/ #box { margin: 13px auto 0px; height: 430px; width: 1200px; position: relative; } #box ul { height: 430px; width: 1200px; position: relative; } #box li { list-style: none;left: 377px; top: 146px; width: 0px; height: 0px; overflow: hidden; position: absolute; z-index: 0; cursor: pointer; } #box li a img{width: 875px;height: 475px;} #box li div { width: 100%; height:48px; position: absolute; left:0; bottom:0;background:url("/wwwdftjdatacom/images/14/alpha_bj.png")} #box li div p { margin:0px 0px 0px 15px;line-height:48px;color: #fbfcfe;font-weight: bold;font-size:18px; } /**效果按钮样式**/ #box .next { background-position: -39px 0px; right: -60px; } #copyright { text-align: center; padding-top: 10px; } #box .prev { Z-INDEX: 100; POSITION: absolute; LEFT: 0px; top:100px; WIDTH: 60px; DISPLAY: block; HEIGHT:60px; line-height:200px; OVERFLOW: hidden; TOP: 210px; CURSOR: pointer } #box .next { Z-INDEX: 100; POSITION: absolute; RIGHT: 8px; top:100px; WIDTH: 60px; DISPLAY: block; HEIGHT: 60px;line-height:200px; OVERFLOW: hidden; TOP: 210px; CURSOR: pointer } #box .prev { BACKGROUND: url("/wwwdftjdatacom/images/14/btn-1.png") no-repeat ; } #box .next { BACKGROUND: url("/wwwdftjdatacom/images/14/btn-2.png") no-repeat; } #box .prev:hover { BACKGROUND-POSITION: left top } #box .next:hover { BACKGROUND-POSITION: right top }