在網頁設計中,CSS是必不可少的一部分。它可以為網頁添加各種樣式和效果,讓網頁更加美觀和易于閱讀。以下是一些典型的CSS設計:
/* 設置網頁背景顏色 */ body { background-color: #f2f2f2; } /* 設置標題字體 */ h1 { font-family: Arial, sans-serif; font-size: 36px; font-weight: bold; } /* 設置段落字體和行高 */ p { font-family: Georgia, serif; font-size: 18px; line-height: 1.5; } /* 設置鏈接顏色和下劃線 */ a { color: #007bff; text-decoration: underline; } /* 設置列表樣式 */ ul { list-style-type: disc; margin-left: 20px; } /* 設置圖片大小和邊框 */ img { max-width: 100%; border: 1px solid #ccc; }
通過以上CSS設計,我們可以使網頁看起來更加統一、美觀和易于閱讀。同時,這也是CSS設計的基本技巧,可以在實際應用中靈活運用,達到更好的效果。