在網(wǎng)頁(yè)設(shè)計(jì)中,CSS代碼是非常重要的一部分,它能夠控制網(wǎng)頁(yè)的排版、顏色、字體等樣式。下面將介紹一些CSS排版的基本代碼。
/* 設(shè)置文本顏色、字體大小和背景顏色 */ body { color: #333; font-size: 16px; background: #fff; } /* 設(shè)置鏈接顏色和下劃線樣式 */ a { color: #0066cc; text-decoration: none; } /* 設(shè)置鏈接鼠標(biāo)懸停時(shí)的樣式 */ a:hover { color: #cc3300; text-decoration: underline; } /* 設(shè)置段落的上下間距和縮進(jìn) */ p { margin: 10px 0; text-indent: 2em; } /* 設(shè)置標(biāo)題的字體大小、顏色和加粗 */ h1 { font-size: 24px; color: #666; font-weight: bold; } /* 設(shè)置表格樣式 */ table { border-collapse: collapse; border-spacing: 0; width: 100%; } /* 設(shè)置表格邊框和文字對(duì)齊方式 */ th, td { border: 1px solid #ccc; text-align: center; padding: 8px; } /* 設(shè)置列表樣式 */ ul, ol { margin: 10px 0; padding-left: 30px; } /* 設(shè)置列表項(xiàng)符號(hào)樣式 */ ul li { list-style: disc; } ol li { list-style: decimal; }
以上是一些基本的CSS排版樣式,可以根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的需求進(jìn)行適當(dāng)?shù)男薷暮脱a(bǔ)充,以達(dá)到更好的視覺效果。