在前端開發(fā)中，CSS是非常重要的一部分。但是，有時遇到了一些特別的問題，我們不知道該如何解決。這時候，CSS寶典可以幫助我們及時解決問題。

CSS寶典是一個非常好用的網(wǎng)站，提供了大量的CSS樣式及其效果展示。無論是新手還是經(jīng)驗豐富的開發(fā)者，都可以從中受益。

下面是一些CSS寶典中常用的樣式：

/* 圓形按鈕 */
.btn {
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
background-color: #0066cc;
color: #fff;
display: inline-block;
margin: 10px;
}
/* 陰影效果 */
.shadow {
box-shadow: 5px 5px 5px #888888;
}
/* 漸變背景 */
.gradient-bg {
background: linear-gradient(to bottom, #0066cc, #6699cc);
}
/* 文字垂直居中 */
.text-middle {
display: flex;
align-items: center;
}
/* 圖片遮罩 */
.img-box {
position: relative;
height: 200px;
width: 200px;
}
.mask {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
}

以上是CSS寶典中的一些常用樣式，如果想要找到更多的CSS樣式及效果展示，可以直接訪問CSS寶典的官網(wǎng)。

總之，CSS寶典是一款非常值得使用的工具，在CSS開發(fā)中可以幫助我們快速解決問題，提高開發(fā)效率。