CSS，全稱層疊樣式表（Cascading Style Sheets），是一種用于描述文檔樣式的語言，可以控制HTML文檔中的外觀和布局。本文將介紹CSS的一些實例應用，希望對大家有所幫助。 一、改變文本顏色和大小 想要改變文字的顏色和大小，只需要在CSS中添加以下代碼：

p {
color: red; /* 設置文本顏色為紅色 */
font-size: 16px; /* 設置文字大小為16像素 */
}

二、改變背景顏色和圖片 如果你想要改變文本所在區域的背景顏色或者添加一張背景圖片，可以使用下面的代碼：

p {
background-color: yellow; /* 設置背景顏色為黃色 */
background-image: url("bg.jpg"); /* 設置背景圖片 */
}

三、對齊文本 有時候你可能需要讓文本居中或者靠左或靠右對齊，可以通過以下代碼實現：

p {
text-align: center; /* 將文本居中 */
text-align: left; /* 將文本靠左對齊 */
text-align: right; /* 將文本靠右對齊 */
}

四、設置邊距和內邊距 如果你想要為文本區域添加外邊距或內邊距，可以使用以下代碼：

p {
margin: 20px; /* 設置外邊距為20像素 */
padding: 10px; /* 設置內邊距為10像素 */
}

五、創建導航欄 通過CSS可以輕松地創建導航欄，以下是簡單的代碼示例：

nav {
background-color: #333; /* 設置導航欄背景顏色 */
}
nav ul {
list-style-type: none; /* 去掉列表的圓點符號 */
margin: 0; /* 去掉列表的外邊距 */
padding: 0; /* 去掉列表的內邊距 */
}
nav li {
display: inline-block; /* 將列表項變為內聯元素 */
margin-right: 20px; /* 將列表項之間的距離設為20像素 */
}
nav a {
color: #fff; /* 設置文字顏色為白色 */
text-decoration: none; /* 去掉文字的下劃線 */
padding: 10px; /* 設置內邊距為10像素 */
}
nav a:hover {
background-color: blue; /* 鼠標懸停時設置背景顏色為藍色 */
}

總結 本文介紹了CSS的一些實例應用，具體包括改變文本顏色和大小、改變背景顏色和圖片、對齊文本、設置邊距和內邊距以及創建導航欄等。希望本文對您的學習和工作有所幫助。