，我們來看一個基本的使用案例。
使用以下代碼將<div>標簽添加到HTML文檔中，并設置其背景顏色為灰色：
<div style="background-color: gray;"> 這是一個背景為灰色的<div>標簽。 </div>
在上面的代碼中，通過style屬性設置了<div>標簽的背景顏色為灰色。其中，background-color為CSS屬性，用于設置元素的背景顏色。通過設置值為"gray"，將背景顏色設為灰色。在<div>標簽內部，可以添加任意文本或其他HTML元素。
接下來，我們來看一個稍復雜的案例，通過CSS樣式表來設置<div>的背景顏色為灰色。
<style>
.grey-background {
background-color: gray;
}
</style>
<div class="grey-background">
這是一個背景為灰色的<div>標簽。
</div>在上面的代碼中，我們使用了CSS樣式表來設置<div>的背景顏色。，在<head>標簽中，使用<style>標簽定義了一個名為"grey-background"的類。在類的定義中，通過設置background-color屬性的值為"gray"，實現了將背景顏色設為灰色的效果。然后，在<div>標簽中，通過添加"class"屬性，并將其值設置為"grey-background"，即可將背景顏色應用到該<div>中。
除了使用內聯樣式和CSS樣式表，我們還可以使用JavaScript來動態修改<div>的背景顏色為灰色。
<div id="myDiv">
這是一個背景為灰色的<div>標簽。
</div>
<script>
document.getElementById("myDiv").style.backgroundColor = "gray";
</script>在上面的代碼中，我們通過id屬性給<div>標簽添加了一個唯一的標識符"myDiv"。然后，使用JavaScript的document.getElementById方法獲取到了該<div>元素，并通過style屬性以及backgroundColor屬性設置將其背景顏色設為灰色。這樣，通過JavaScript代碼的執行，我們實現了動態修改<div>背景顏色的效果。
：
通過上述案例，我們講解了如何使用<div>標簽以及不同的方式設置其背景顏色為灰色。你可以根據實際需求和個人喜好選擇合適的方法。無論是使用內聯樣式、CSS樣式表還是JavaScript動態修改，都能輕松實現<div>的背景顏色為灰色的效果。