在Web開發中，CSS代碼被用于美化網頁、布局結構以及添加交互效果，它是構成網頁的重要組成部分。下面我們給大家介紹一些常見的CSS代碼：

/*設置背景色*/
body {
background-color: #eee;
}
/*設置字體大小和顏色*/
p {
font-size: 16px;
color: #333;
}
/*設置邊框*/
div {
border: 1px solid #ccc;
}
/*添加陰影效果*/
.box {
box-shadow: 2px 2px 5px #aaa;
}
/*制作漸變背景色*/
.bg {
background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
}
/*觸發交互效果*/
button:hover {
background-color: #555;
color: #fff;
}

上述代碼中，我們可以看到每個 CSS 規則都包含一個選擇器和一組屬性。選擇器告訴瀏覽器要應用樣式的元素，而屬性描述瀏覽器應該如何呈現這些元素。

對于新手來說，CSS 的學習曲線可能會有點陡峭，但是一旦掌握了這些代碼的含義，就可以為網頁添加出色的樣式效果，讓網站更加吸睛、時尚。