喵喵

◀ ▶ #links { width: 240px; float: left; margin-top: 500px; } #content { width: 740px; float: right; margin-top: 500px; } #main { margin: 0px auto; width: 1000px; } ul, li { padding: 0; margin: 0; list-style: none; } #PhotoShow { width: 100%; /* 圖片的寬 */ position: relative; } .player { width: 100%; height: 100%; position: absolute; } .player ul.list { position: absolute; height: 100%; } .player ul.list li { float: left; height: 100%; } .player ul.list img{ width: 100%; height: auto; border: 0; } .control .numbers{ padding: 5px; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; } .control .numbers li { color: #ddd; display: inline-block; width: 10px; height: 10px; line-height: 10px; text-align: center; margin: 5px; background: #777; border-radius: 50%; } .control .numbers { text-align: center; } .control .numbers li.current { background: #fbef2d; } .control .numbers li.hover { background: #f82d98; } .control .arrows li{ font-size: 30px; font-weight: bold; display: inline-block; color: #ffffff; text-shadow: 1px 1px #000; text-align: center; line-height: 50px; opacity: 0.7; } .control .arrows li:hover{ opacity: 1; } .control .arrows .prev{ position: absolute; margin-top: -25px; top: 50%; left: 10px; } .control .arrows .next{ position: absolute; margin-top: -25px; top: 50%; right: 10px; }