下面是一份網頁的CSS樣式代碼：

/* 設置body元素的外觀 */
body {
font-family: sans-serif;
margin: 0;
padding: 0;
background-color: #f1f1f1;
}
/* 設置頁面標題h1的樣式 */
h1 {
font-size: 2.5em;
margin-top: 0;
text-align: center;
}
/* 設置導航鏈接的樣式 */
nav a {
display: inline-block;
padding: 10px;
text-decoration: none;
color: white;
background-color: #333;
}
/* 設置表格樣式 */
table {
border-collapse: collapse;
width: 100%;
}
/* 設置表格頭部背景色和文字樣式 */
thead {
background-color: #444;
color: white;
}
/* 設置表格單元格的樣式 */
td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
/* 設置表格奇數行背景色 */
tr:nth-child(odd) {
background-color: #f2f2f2;
}

上面的代碼中，通過設置樣式讓網頁看起來更加美觀。其中包括頁面的背景顏色、標題的樣式、導航鏈接的樣式、表格的樣式以及每個單元格和行的樣式等。CSS樣式是網頁設計中不可或缺的一部分，通過CSS可以讓網頁的外觀更加優美，增加用戶留存時間，提升網頁的使用價值。