CSS是網頁設計中不可或缺的一部分,它決定了頁面的外觀和樣式。下面是一些典型的CSS樣式。
/* 文字樣式 */ p { font-size: 16px; font-family: Arial, sans-serif; color: #333; } /* 鏈接樣式 */ a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } /* 圖片樣式 */ img { max-width: 100%; height: auto; } /* 盒子模型 */ .box { width: 200px; height: 200px; border: 1px solid #ccc; padding: 20px; margin: 20px; } /* 背景和邊框 */ .background { background-color: #f1f1f1; border-radius: 5px; border: 1px solid #ccc; } /* 按鈕樣式 */ .button { display: inline-block; padding: 10px 20px; background-color: #007bff; color: #fff; border-radius: 5px; } .button:hover { background-color: #0069d9; }
這些樣式是web設計的基礎,可以根據需要進行修改和擴展,實現個性化的網頁設計。