* { margin:0; padding:0; list-style:none; } .wrap { height:220px; width:330px; margin:60px auto; position:relative; overflow:hidden; } .wrap ul { position:absolute; } .wrap ul li { height:220px; } .wrap ol { position:absolute; right:5px; bottom:10px; } .wrap ol li { height:20px; width:20px; background:#ddd; border:1px solid #969591; border-radius:50%; margin-left:5px; color:#959490; float:left; text-align:center; cursor:pointer; } .wrap ol .on { background:#8F9E9E; color:#fff; }