CSS是一種前端開發(fā)語言，可以控制網(wǎng)頁樣式和布局。其中很常見的一種效果是凸出來的小按鈕。如何實現(xiàn)這種按鈕的效果呢？接下來我們來介紹一下。

button {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 2px;
box-shadow: 0 2px #999;
}
button:hover {
box-shadow: 0 4px #666;
transform: translateY(-2px);
}

這是一個基本的CSS樣式集，用于創(chuàng)建帶有陰影效果和凸出文本的基本按鈕。這個CSS樣式適用于所有網(wǎng)頁，大小和顏色都可自定義。

可以看到，按鈕有一個基本樣式集，其中定義了按鈕的背景顏色、邊框、文本顏色等等。這些屬性可以用來自定義樣式。

為了制作凸出的按鈕，我們使用了box-shadow屬性。box-shadow屬性用來定義一個元素的陰影效果。在這個例子中，我們將按鈕的陰影顏色設置為#999，并且將box-shadow的第一個參數(shù)（水平偏移量）設置為0，這意味著陰影在按鈕下面。

我們還使用了transform屬性，用于改變元素的形態(tài)。在這個例子中，我們使用了translateY(-2px)來將按鈕向上移動2個像素。這個效果模擬了一個凸出來的按鈕的感覺。

最后，我們設置了transition-duration屬性，用于定義CSS過渡效果的時長。

總之，CSS是一個非常有用的工具，可以用來制作各種樣式效果，包括凸出來的小按鈕。如果你喜歡這個效果，可以使用這個CSS樣式集來為你的網(wǎng)頁添加凸出來的按鈕！