在前端開發中，CSS 是非常重要的一部分。然而，有時候我們會遇到一些煩人的問題，比如瀏覽器兼容性差、樣式冗余等等。那么今天我們就來介紹一下，怎樣通過一些實例來改善 CSS 的問題。

實例一：兼容性問題
main {
display: flex;
display: -webkit-flex;
}

實例二：字體的優化 body{ font-family: Arial, sans-serif; }

實例三：顏色的優化 button{ color: #ffffff; background-color: #007bff; border-color: #007bff; }

實例四：圓角效果 button{ border-radius: 5px; }

實例五：陰影效果 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);

實例六：邊框效果 button{ border: 1px solid #007bff; }

實例七：背景圖片 body{ background-image: url("background.jpg"); }

實例八：字體大小 h1{ font-size: 36px; }

實例九：文本對齊 p{ text-align: center; }

實例十：盒模型 box-sizing: border-box;

以上就是關于改善 CSS 的十種實例。通過這些優化，可以提高網站的加載速度和用戶體驗。