在CSS中，樣式代碼是非常重要的。它決定了網頁的樣式和布局。在這篇文章中，我們將分享一些CSS樣式代碼，這些代碼可以幫助你更好的設計你的網頁。

/* 設置背景顏色 */
body {
background-color: #F5F5F5;
}
/* 設置文本顏色和字體 */
p {
color: #333333;
font-family: Arial, sans-serif;
}
/* 設置邊框樣式 */
div {
border: 1px solid #CCCCCC;
border-radius: 5px;
}
/* 設置鏈接樣式 */
a {
color: #0088CC;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* 設置圖像樣式 */
img {
border: none;
max-width: 100%;
}
/* 設置表格樣式 */
table {
border-collapse: collapse;
}
td, th {
border: 1px solid #CCCCCC;
padding: 10px;
}
/* 設置按鈕樣式 */
button {
background-color: #0088CC;
color: #FFFFFF;
border: none;
padding: 10px 20px;
border-radius: 5px;
}
button:hover {
background-color: #006699;
}

這些CSS樣式代碼可以幫助您設計出更美觀的網頁。結合其他的CSS屬性和HTML元素，您可以自由的定制您的網頁。