你第一次來到 PIXstyleMe關閉編輯圖片視窗

我們匯集女性關心的流行、時尚、美妝情報

只要登入 PIXNET 痞客邦的會員帳號

PIXstyleMe 就會為你量身打造個人化服務

未來還會有試用、講座…等會員專屬服務

現在就開始體驗 PIXstyleMe 吧!

CelebCeleb焦點人物焦點人物
喵喵的會員專區連結

喵喵

PIXstyleMe文章數量:142 則

人氣:6051918

簡介:◀ ▶ ul, li { padding: 0; margin: 0; list-style: none; } #PhotoShow { width: 100%; /* 圖片的寬 */ position: relative; } .player { width: 100%; height: 100%; position: relative; overflow: hidden; } .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; }