當我們在設計網頁時，使用CSS可以讓我們的頁面更加美觀，同時也變得更加易于管理。下面我們分享一些簡單的方式，以漂亮的CSS樣式來實現視覺效果。

//1.添加背景顏色
body {
 background-color: #f2f2f2;
}
//2.添加陰影效果
.box {
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
//3.調整文本字體和顏色
h1 {
 font-family: "Times New Roman", Times, serif;
 color: #333;
}
//4.添加動畫效果
.button {
 transition: background-color 0.5s ease;
}
.button:hover {
 background-color: #333;
 color: #fff;
}
//5.設置頁面布局
.container {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
}
//6.調整圖片大小
img {
 max-width: 100%;
 height: auto;
}
//7.創建超鏈接
a {
 text-decoration: none;
 color: #333;
}
//8.導航菜單布局
nav {
 display: flex;
 justify-content: space-between;
 align-items: center;
 background-color: #333;
 color: #fff;
}

通過這些簡單的CSS樣式，我們可以為網頁添加更美觀的效果。希望這篇文章可以幫您在創建網頁時更加得心應手。