<div>標簽是HTML中用于創建一個容器的元素。在網頁設計中，可以使用<div>標簽來組織和布局頁面的不同部分。除了用作容器，<div>標簽還可以與CSS和JavaScript結合使用，實現按鈕選中的效果。
例如，在一個網頁中，我們想要創建一個按鈕，并在按鈕被選中時改變其樣式。我們可以使用以下代碼來實現這個效果：

// HTML代碼 
<div class="button" onclick="changeColor(this)">按鈕</div>
<br>
// CSS代碼
<style>
.button {
width: 100px;
height: 40px;
background-color: blue;
color: white;
text-align: center;
line-height: 40px;
cursor: pointer;
}
<br>
.button.selected {
background-color: red;
}
</style>
<br>
// JavaScript代碼
<script>
function changeColor(button) {
button.classList.toggle("selected");
}
</script>

在上述代碼中，我們使用<div>標簽創建一個按鈕，并設置了按鈕的樣式。通過為<div>標簽添加一個名為"button"的類，我們可以在CSS中定義按鈕的樣式。
當按鈕被點擊時，我們調用一個JavaScript函數changeColor(this)。該函數可以傳遞當前按鈕的DOM元素作為參數。在函數內部，我們使用classList.toggle("selected")來切換按鈕的類。如果按鈕已經具有名為"selected"的類，則移除該類；否則，將其添加到按鈕上。這樣，當按鈕被點擊時，樣式就會切換，實現按鈕選中的效果。
除了使用CSS和JavaScript來實現按鈕選中效果，還可以使用CSS偽類來實現。偽類能夠根據元素的狀態或位置選擇元素，并為其應用特定的樣式。下面是一個使用CSS偽類實現按鈕選中效果的例子：

// HTML代碼
<div class="button">按鈕</div>
<br>
// CSS代碼
<style>
.button {
width: 100px;
height: 40px;
background-color: blue;
color: white;
text-align: center;
line-height: 40px;
cursor: pointer;
}
<br>
.button:active {
background-color: red;
}
</style>

在上述代碼中，我們使用CSS偽類:active來為按鈕添加選中效果的樣式。當按鈕被激活（即被點擊）時，背景顏色將變為紅色。
通過上述代碼案例，我們可以看到<div>標簽可以與CSS和JavaScript結合使用，實現按鈕選中的效果。無論是通過在按鈕被點擊時切換類，還是通過使用CSS偽類，我們都可以輕松地為按鈕添加選中效果，提升用戶交互體驗。
參考文獻： 1. MDN Web Docs. "HTML div Element." Available online: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div 2. MDN Web Docs. "CSS." Available online: https://developer.mozilla.org/en-US/docs/Web/CSS 3. MDN Web Docs. "CSS Pseudo-classes." Available online: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes