CSS 網頁設計是一項重要的技能,尤其是對于那些想要設計漂亮的網站的人。設計首頁是網站設計的一個關鍵步驟,因為這是用戶首先看到的界面。以下是一些基本的 CSS 代碼,可以幫助您創建一個令人印象深刻的網站首頁。
/* 設置頁面的背景顏色 */ body { background-color: #f2f2f2; } /* 設置網頁標題 */ h1 { font-size: 48px; font-weight: bold; text-align: center; margin-top: 100px; } /* 設置導航條 */ nav { background-color: #333; color: white; text-align: center; padding: 10px; } /* 設置導航鏈接 */ nav a { color: white; text-decoration: none; margin: 0 10px; } /* 設置主要內容 */ .main-content { max-width: 1000px; margin: 0 auto; padding: 50px; text-align: justify; } /* 設置主要內容中的圖片 */ .main-content img { max-width: 100%; height: auto; display: block; margin: 20px auto; } /* 設置頁腳 */ footer { background-color: #333; color: white; text-align: center; padding: 10px; }
以上代碼可以幫助您快速構建一個漂亮的網站首頁。當然,在實際應用中,您需要繼續優化和完善您的網站頁面。希望這些代碼對您有所幫助!
上一篇css網頁適應三端
下一篇mysql字符串轉義字符