Rumah > Artikel > hujung hadapan web > Css盒子模型的应用_html/css_WEB-ITnose
Css盒子模型的应用_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 08:48:511471semak imbas
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子模型的应用</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;} Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：盲人如何使用互联网的8个误区_html/css_WEB-ITnoseArtikel seterusnya：开发和测试访问无障碍的 Web 应用_html/css_WEB-ITnose