為了讓指定頁面具有較好的網頁布局和視覺效果,我們通常需要使用 CSS 調整樣式。以下是一些指定頁面的 CSS 操作:
/* 設定頁面背景顏色 */ body { background-color: #f2f2f2; } /* 設定標題字體及顏色 */ h1 { font-family: Arial, sans-serif; color: #333333; } /* 設定段落字體及顏色 */ p { font-family: Georgia, serif; color: #555555; line-height: 1.5; } /* 設定超鏈接顏色 */ a { color: #0066cc; } /* 設定圖片樣式 */ img { border-radius: 5px; box-shadow: 2px 2px 5px #999999; max-width: 100%; } /* 設定列表樣式 */ ul { list-style-type: disc; margin-left: 20px; } /* 設定表格樣式 */ table { border-collapse: collapse; width: 100%; } table, th, td { border: 1px solid #dddddd; padding: 8px; } th { background-color: #f2f2f2; font-weight: bold; }
以上 CSS 操作將頁面樣式統一,提升視覺效果,同時可以優化網頁加載速度,提供更好的用戶體驗。