標籤：text width logs height round html pre 技術 知識點
<html><head><title>一列布局</title><style type="text/css">body{margin:0;padding:0;text-align:center}/*一列的配置樣式*//*margin:0 auto使div置中*/.top{width:800px;height:50px;background:#00f;margin:0 auto}.main{width:800px;height:250px;background:#ccc;margin:0 auto}.foot{width:800px;height:50px;background:#f00;margin:0 auto}</style></head><body><!--/*一列的配置樣式*/-->一列的配置樣式<br/><div class="top">一列布局01</div><div class="main">一列布局02</div><div class="foot">一列布局03</div> <br/> <br/></body></html>
效果如下：
關鍵知識點：margin:0 auto使div置中
慕課筆記利用css進行布局【一列布局】
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
