用CSS Div創建頭部
在網頁設計中，制作一個好看的頭部是非常重要的，因為頭部通常是網站的第一印象。在這里，我們將使用CSS的div標簽來創建一個簡單的頭部。
首先，我們需要在HTML中創建一個div元素，作為頭部的容器。我們可以給這個div一個類名，比如“header”，方便以后的CSS樣式設置。
<body> <div class="header"> <h1>公司LOGO</h1> <p>公司簡介</p> </div> <p>其他內容</p> </body>接下來就是CSS部分了。我們首先設置header的寬度為100%，高度為200px（這只是一個例子，具體的高度可以根據實際情況設定）。我們還可以設置背景顏色和邊框樣式。
.header {
width: 100%;
height: 200px;
background-color: #333;
border-bottom: 1px solid #fff;
}現在，我們需要在header中添加一些內容。我們可以使用內聯塊級元素來排列這些內容。在這里，我們添加了一些居中排列的文本和公司LOGO。我們還可以在CSS中進行字體、顏色和對齊方式等樣式設置。.header h1 {
display: inline-block;
font-size: 48px;
color: #fff;
margin: 0;
vertical-align: middle;
}
.header p {
display: inline-block;
font-size: 18px;
color: #fff;
margin: 0;
vertical-align: middle;
margin-left: 20px;
}
.header img {
display: inline-block;
vertical-align: middle;
}現在，我們已經創建了一個簡單的頭部，看起來非常漂亮和專業。請隨意修改這些CSS樣式和HTML標記，以適應您的特定需求。上一篇生日蛋糕css代碼大全
下一篇王道css如何操作