HTML div子容器的CSS設置
在HTML中，我們經常使用
標簽來創建一個容器。通過設置
標簽的class或id屬性，我們可以針對這個容器使用CSS樣式。
同時，我們也可以在一個
容器中創建子容器。這樣的話，我們可以更靈活地控制網頁的布局和樣式。下面是一個例子：
<div class="container"> <div class="header">網頁頭部</div> <div class="content">網頁內容</div> <div class="footer">網頁底部</div> </div>
在這個例子中，我們創建了一個名為"container"的
容器，并在其中創建了三個子容器：一個頭部容器，一個內容容器和一個底部容器。下面是一個使用CSS為這些容器設置樣式的例子：
.container {
width: 80%;
margin: 0 auto;
background-color: #f5f5f5;
border: 1px solid #ccc;
padding: 20px;
}
.header {
height: 100px;
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
font-size: 24px;
}
.content {
padding: 20px;
font-size: 18px;
}
.footer {
height: 50px;
background-color: #ccc;
text-align: center;
padding: 10px;
}通過以上CSS樣式，我們為父容器設置了一些基本樣式，比如寬度、邊框、內邊距和背景顏色。而對于子容器，則可以分別設置不同的樣式，比如高度、背景顏色和字體大小。這樣，我們就可以創建出一個基本的網頁框架了。