當(dāng)我們在網(wǎng)頁中使用CSS時(shí),通常需要編寫大量的代碼來設(shè)置元素的樣式。以下是一些基本的CSS代碼,用于設(shè)置網(wǎng)頁的布局和樣式。
/* 設(shè)置頁面背景顏色 */ body { background-color: #f1f1f1; } /* 設(shè)置頁面標(biāo)題的樣式 */ h1 { font-size: 40px; font-family: Arial, sans-serif; color: #333333; } /* 設(shè)置導(dǎo)航欄樣式 */ nav { background-color: #333333; color: #ffffff; height: 50px; } /* 設(shè)置按鈕的樣式 */ button { background-color: #4CAF50; color: #ffffff; padding: 10px 20px; border: none; border-radius: 3px; font-size: 18px; } /* 設(shè)置圖片樣式 */ img { width: 100%; height: auto; } /* 設(shè)置表格樣式 */ table { border-collapse: collapse; width: 100%; } /* 設(shè)置表格中單元格的樣式 */ td, th { border: 1px solid #dddddd; text-align: left; padding: 8px; } /* 設(shè)置超鏈接樣式 */ a { color: #4CAF50; text-decoration: none; } /* 設(shè)置頁面底部的樣式 */ footer { background-color: #333333; color: #ffffff; height: 50px; text-align: center; padding-top: 20px; }
通過這些基本的CSS代碼,我們可以根據(jù)自己的需求、喜好或者設(shè)計(jì)要求來設(shè)置網(wǎng)頁的外觀和樣式,使頁面更加美觀、易于閱讀和使用。