body { background:#505050; } .color-choice { width:700px; height:500px; margin:50px auto 0; padding:30px; border-radius:10px; border:1px solid #fff; } .color-choice>p { color:#fff; font-size:14px; } .color-inner { margin-top:30px; } .cl { width:263px; height:8px; border-radius:4px; background:#fff; margin-bottom:30px; position:relative; } .cl-inner { height:8px; border-radius:4px; width:0; } .cl>i { width:8px; height:8px; border-radius:4px; background:yellow; position:absolute; top:0; left:0; } .check-color { width:100px; height:100px; margin-top:30px; background:#000; }