這是一篇關于使用div和css制作的網頁案例的文章。
先上代碼：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>div+css網頁案例</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="header"> <h1>歡迎來到我的網站</h1> </div> <div id="content"> <p>這是一個使用div和css制作的網頁案例。</p> <p>使用div和css可以更好地控制網頁的布局和樣式，讓網頁看起來更美觀、專業。</p> </div> <div id="footer"> <p>版權所有 ? 2021</p> </div> </body> </html>
如上代碼所示，我們在網頁中使用了三個div，分別是header、content和footer。
接下來是CSS樣式代碼：
#header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
#content {
margin: 20px;
font-size: 18px;
}
#footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}CSS樣式代碼中，我們對每個div進行了樣式設置。比如header的背景顏色、字體顏色、內邊距和文本對齊方式；content的外邊距和字體大小等。
最終效果如下圖：
總之，使用div和css制作網頁可以讓網頁看起來更好看、更專業。這種網頁布局方式也能讓我們更好地掌控整個網頁的樣式和排版，達到更好的視覺效果和用戶體驗。