上汽發動機作為一家擁有豐富汽車生產經驗和技術的公司,其網站的設計自不必多說。其中 CSS 的運用更是突顯了網站的專業性和現代感。
讓我們來看看一些 CSS 樣式的實例吧:
/* 設置整個網頁的字體和段落間距 */ body { font-family: 'Helvetica Neue', sans-serif; line-height: 1.5; } /* 設置導航欄的樣式 */ nav { background-color: #333; color: #fff; padding: 10px; } nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; margin-right: 20px; } /* 設置主要內容區域的樣式 */ main { max-width: 800px; margin: 0 auto; } /* 設置按鈕的樣式 */ button { background-color: #f00; color: #fff; border: none; padding: 10px; border-radius: 5px; cursor: pointer; } /* 設置表格的樣式 */ table { border-collapse: collapse; width: 100%; } table th, td { border: 1px solid #ddd; padding: 10px; text-align: left; } table th { background-color: #f2f2f2; }
這些簡單的 CSS 樣式,使得整個網站更加美觀舒適。用戶可以通過導航欄快速瀏覽網站內容,表格和按鈕的樣式也有助于更好地展示數據。
總之,CSS 的運用可以提高網站的用戶體驗,也可以更好地傳達公司的專業形象。