您好,登錄后才能下訂單哦!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子模型的應(yīng)用</title> <link href="index.css" type="text/css" rel="stylesheet"> </head> <body> <div class="top"> <div class="top_content"></div> </div> <div class="body"> <div class="body_img"></div> <div class="body_content"> <div class="body_no"></div> </div> </div> <div class="footing"> <div class="footing_content"></div> <div class="footing_subSav"></div> </div> </body> </html>
*{ margin: 0px; padding: 0px; } .top{ width: 100%; height: 50px; background-color: black; } .top_content{ width: 75%; height: 50px; margin: 0px auto; background-color: blue; } .body{ margin: 20px auto; width: 75%; height: 1500px; background-color: blanchedalmond; } .body_img{ width:100%; height: 400px; background-color: darkorange; } .body_content{ width: 100%; height: 1100px; background-color: blueviolet; } .body_no{ width: 100%; height: 50px; background-color: aqua; } .footing{ width: 75%; height: 400px; background-color: indigo; margin: 0px auto; } .footing_content{ width: 100%; height: 300px; background-color: darkseagreen; } .footing_subSav{ width: 100%; height: 100px; background-color: black; }
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。