圖文表格(css)可以給網頁添加更加多元化和豐富的視覺效果。通過CSS的樣式,我們可以輕松地實現文字、圖片和表格的美化,讓網頁外觀更加美觀,同時也更能提升用戶體驗。
/* 文字樣式 */ p { font-size: 16px; line-height: 1.5; color: #333; font-family: Arial, sans-serif; } /* 圖片樣式 */ img { max-width: 100%; display: block; margin: 0 auto; } /* 表格樣式 */ table { border-collapse: collapse; width: 100%; } td, th { padding: 8px; border: 1px solid #ddd; text-align: left; } th { background-color: #f2f2f2; } tr:nth-child(even) { background-color: #f9f9f9; }
以上代碼中,我們為段落、圖片和表格分別設定了樣式。需要注意的是,表格樣式的設置需要將邊框折疊,這樣才能達到更好的顯示效果。表格中的單元格邊框和背景色也可以根據我們自己的需求進行設定。