ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS 単一列レイアウト_html/css_WEB-ITnose

CSS 単一列レイアウト_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:57:27985ブラウズ

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        body{margin: 0;padding: 0}        .main{            background-color: #464646;            width: 800px;            height: 300px;            margin: 0 auto;        }        .top{            height: 100px;            background-color: #3080CB;        }        .footer{            width: 800px;            height: 200px;            margin: 0 auto;            background-color: #006486;        }    </style></head><body>    <div class='top'></div>    <div class="main"></div>    <div class="footer"></div></body></html>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。