HTML居中和顏色的技巧 在HTML中，我們可以使用一些代碼來使文本、圖片、表格等元素居中，以及改變它們的顏色。在本篇文章中，我們將介紹如何使用這些代碼來實現這些效果。 居中文本、圖片和表格 為了使文本元素居中，我們可以使用CSS代碼。以下是一些示例代碼： 使用text-align屬性來居中文本元素：

p{
text-align: center;
}

使用margin屬性來居中塊級元素：

div{
margin: 0 auto;
}

這會使元素在水平方向上居中，而在垂直方向上仍然在其父級元素中垂直對齊。 為了居中圖片元素，我們可以使用以下代碼：

img{
display: block;
margin: 0 auto;
}

這會使圖片居中，并且在圖片下方和上方都留有一些空間。 如果我們想要居中表格，我們可以使用以下代碼：

table{
margin: 0 auto;
}

這樣可以將整個表格居中，而表格中的元素仍將垂直對齊。 改變文本、圖片和背景顏色 通過CSS代碼，我們可以改變文本、圖片和背景顏色。以下是一些相關代碼示例： 1. 改變文本顏色：

p{
color: red;
}

這會將所有段落中的文本顏色改為紅色。 2. 改變圖片顏色：

img{
filter: grayscale(100%);
}

這會將所有圖片的顏色變為灰色。 3. 更改背景顏色：

body{
background-color: pink;
}

這會將整個頁面的背景顏色改為粉色。 總結 居中和顏色是HTML中很重要的技巧。通過使用樣式代碼來居中文本、圖片和表格，并改變它們的顏色，我們可以讓我們的網頁更有吸引力并為用戶提供更好的閱讀體驗。