CSS 表格和圖片的代碼
在網(wǎng)頁設(shè)計(jì)中，表格和圖片是非常重要的元素。使用 CSS 來風(fēng)格化它們更加美觀和專業(yè)。下面是一些樣例代碼，幫助您了解如何修改表格和圖片的樣式。
CSS 表格樣式
下面是一個簡單的 HTML 表格：

<table>
<tr>
<th>First Name</th>
<th>Last Name</th>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
</tr>
<tr>
<td>Jane</td>
<td>Doe</td>
</tr>
</table>

這個表格看起來非常基礎(chǔ)，沒有任何樣式。使用 CSS 樣式，可以改變表格的樣式。例如，你可以給表頭添加下邊框：

<style>
th {
border-bottom: 1px solid black;
}
</style>

同樣地，你可以給表格的單元格添加背景顏色：

<style>
td {
background-color: #f2f2f2;
}
</style>

還可以設(shè)置文字顏色和字體：

<style>
td {
background-color: #f2f2f2;
color: black;
font-family: Arial, sans-serif;
}
</style>

CSS 圖片樣式
下面是一個簡單的 HTML 圖片：

<img src="example.jpg" alt="Example">

這個圖片看起來比較普通，沒有任何樣式。使用 CSS 樣式，可以改變圖片的樣式。例如，你可以讓圖片居中：

<style>
img {
display: block;
margin: auto;
}
</style>

同樣地，你可以給圖片添加陰影效果：

<style>
img {
box-shadow: 2px 2px 4px grey;
}
</style>

還可以改變圖片的大小和形狀：

<style>
img {
width: 50%;
border-radius: 50%;
}
</style>

總結(jié)
使用 CSS 樣式是改變和增強(qiáng)表格和圖片樣式的有效方法。通過添加樣式，可以使表格和圖片更加美觀和專業(yè)。使用上面的代碼示例，你可以開始嘗試自己的樣式創(chuàng)建！