CSS企業網站代表著公司的形象,所以它的設計和實現必須仔細考慮。以下是一個基本的CSS模板,可以幫助你快速搭建企業網站。
/* CSS樣式模板 */ body { margin: 0; font-family: Arial, sans-serif; } header { background-color: #222; color: #fff; padding: 20px 10px; } h1 { margin: 0; font-size: 40px; font-weight: bold; } nav { background-color: #333; color: #fff; padding: 10px; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; } nav li { margin: 0 10px; } nav a { color: #fff; text-decoration: none; } main { margin: 20px; } footer { background-color: #222; color: #fff; padding: 10px; text-align: center; } /* HTML結構 */公司名稱
歡迎來到公司名稱
我們是一家提供高質量產品和解決方案的公司。請瀏覽我們的網站以了解更多信息。
以上代碼包含了一個基本的網站架構,包括頭部、導航欄、主體、底部等部分。頭部和底部都有相同的背景顏色和文本顏色,而導航欄有不同的背景顏色和文本顏色。使用flex布局來讓導航欄的菜單項水平排列。
在主體區域,可以添加更多的內容和樣式,比如圖片、表格、按鈕等。可以使用CSS來創建不同的布局,使內容更加整潔、易于閱讀。但需要注意,不要過度使用CSS樣式,否則可能會影響頁面加載速度。