CSS是一種用于網頁設計的樣式表語言，可以控制網頁元素的樣式和布局等。其中，按鈕是網頁設計中常用的元素之一，可以用來觸發頁面的操作和事件，如提交表單、跳轉頁面等。

在CSS中，我們可以通過設置按鈕的樣式來自定義其外觀。下面是一個使用CSS實現的簡單按鈕：

button {
border: none;
background-color: #4CAF50;
color: white;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
}
button:hover {
background-color: #3e8e41;
}

該按鈕設置了背景顏色、文字顏色、內邊距、字體大小等樣式，并去掉了默認的邊框。同時，鼠標懸停在按鈕上時，背景顏色會發生改變。

有時候，我們可能只想讓按鈕的一半被點擊。這時候，可以使用CSS的偽元素來實現這個效果。下面是一個示例：

button {
position: relative;
overflow: hidden;
padding: 0;
border: none;
background-color: #4CAF50;
color: white;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
}
button span {
display: block;
position: relative;
z-index: 1;
padding: 8px 16px;
}
button:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: #3e8e41;
z-index: 0;
transform: translateX(-100%);
transition: transform 0.3s;
}
button:hover:before {
transform: translateX(0);
}

在上述代碼中，我們為按鈕設置了position: relative和overflow: hidden，使其具有相對定位和隱藏溢出元素的功能。然后，我們在按鈕內部插入了一個span標簽，并為其設置了padding等樣式。接著，我們使用:before偽元素創建了一個半透明的綠色背景，并設置了其寬度為按鈕的一半。最后，我們使用transform屬性來實現背景的滑動動畫效果。

以上就是CSS+按鈕+一半的簡要介紹。