内部样式
<div style="width: 1600px; height: 800px; border: 1px solid #000; margin: 0 auto;" class="box"></div>
外部样式
<style>
.banner{ height:459px; position:relative;}
.banner ul{}
.banner ul li{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 500;}
.banner ul li img{ max-width:100%;}
.left,.right{ position: absolute; width: 60px; height: 80px; background-color: #555555; opacity: 0.8; filter:alpha(opacity=80); z-index: 1000; top: 50%; margin-top: -40px; cursor: pointer; background-image: url(images/slider-arrow.png); background-repeat: no-repeat ;}
.left{ left: 0; background-position: -150px -105px;}
.right{ right: 0; background-position: -24px 0;}
.xiaodian{ left: 0; bottom: 10px; text-align: center; z-index: 1500; width: 100%;}
.xiaodian ol li{ display: inline-block; border-radius: 50%; width: 15px; height: 15px; background: #007c36; margin: 0 5px; cursor: pointer;}
.xiaodian ol{ width: 100%;}
.xiaodian ol li.current{ background: #fff;}
</style>