網頁制作中，CSS是至關重要的一環。通過CSS，我們可以讓網頁變得更加美觀、易讀、易用。本文將介紹一些常見的網頁制作CSS例子，幫助大家更好地掌握CSS的應用。

/* 例子1：改變文本顏色 */
p {
color: red;
}
/* 例子2：改變背景顏色和寬度 */
body {
background-color: black;
}
.container {
width: 960px;
}
/* 例子3：添加圓角和陰影效果 */
.btn {
border-radius: 5px;
box-shadow: 2px 2px 2px black;
}
/* 例子4：改變字體 */
h1 {
font-family: Arial, sans-serif;
}
/* 例子5：設置行高和字體大小 */
p {
line-height: 1.5em;
font-size: 16px;
}
/* 例子6：設置列表樣式 */
ul {
list-style-type: square;
}
/* 例子7：添加邊框 */
img {
border: 1px solid black;
}
/* 例子8：設置元素位置 */
.box {
position: relative;
top: 20px;
left: 50%;
transform: translateX(-50%);
}

以上是一些常見的網頁制作CSS例子，大家可以根據自己的需要進行選擇和應用。當然，CSS的應用還有很多很多，需要不斷學習和實踐。