body { background-color:gainsboro; } .fuselage { border-radius:20px; border:white solid 1.5px; width:400px; height:500px; background-color:#EAEAEA; margin:0 auto; } .nose { width:400px; height:50px; display:block; margin:20px 95px 0 95px; } .nose-topic { color:rgba(0,0,0,0.8); font-size:25px; } #cc { text-align:right; border-radius:10px; margin:0 5px; width:390px; height:60px; color:rgba(0,0,0,0.6); background-color:#F2F2F2; border:rgba(0,0,0,0.3) solid 2px; font-size:40px; } .key ul { background-color:white; border-radius:10px; padding:0; margin:5px 14px; border:#fff 2px solid; height:350px; overflow:hidden } .key li { border-radius:10px; list-style:none; float:left; width:46.5px; height:72px; margin:1px; padding:9px 0px 4px 25px; display:inline; font-size:38px; background-color:lightgray; } .key li:hover { color:white; border-radius:10px; list-style:none; float:left; width:46.5px; height:72px; margin:1px; padding:9px 0px 4px 25px; display:inline; font-size:38px; background-color:rgba(0,0,0,0.5); } .key li:active { color:white; border-radius:10px; list-style:none; float:left; width:46.5px; height:72px; margin:1px; padding:9px 0px 4px 25px; display:inline; font-size:38px; background-color:rgba(0,0,0,0.2); }
里面有说明