在 WordPress(以下簡稱WP)網站設計中,CSS樣式表是不可或缺的一部分。CSS可以為網站添加各種不同的樣式,讓網站更加美觀、易于使用。以下將介紹一些常見的WP CSS樣式:
/* 添加網站背景顏色樣式 */ body { background-color: #f2f2f2; } /* 修改網站字體顏色 */ body { color: #333; } /* 修改鏈接顏色及鼠標懸停樣式 */ a { color: #0066CC; text-decoration: none; } a:hover { color: #004277; text-decoration: underline; } /* 修改表格樣式 */ table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; padding: 8px; text-align: left; } /* 調整圖片大小 */ img { max-width: 100%; height: auto; } /* 添加按鈕樣式 */ .button { background-color: #0066CC; color: #fff; display: inline-block; padding: 8px 12px; text-decoration: none; border-radius: 4px; } /* 添加響應式樣式 */ @media screen and (max-width: 600px) { body { font-size: 16px; } .button { padding: 6px 10px; font-size: 14px; } }
以上樣式只是一些基本的WP CSS樣式,您可以根據需要自行添加和修改樣式。在選擇樣式時,請不要選擇過多過雜的樣式,以免影響網站速度和用戶體驗。