HTML 是一種標記語言,用于創建網頁。其中,div 是用于劃分文檔中區域的一個元素。我們可以通過 CSS 樣式來給 div 設置不同的外觀效果。
下面是如何給 div 元素設置灰色背景色的代碼:
<html>
<head>
<style>
.gray-div {
background-color: gray;
}
</style>
</head>
<body>
<div class="gray-div">
<p>這是一段段落內的文本。</p>
</div>
</body>
</html>
上面的代碼中,我們首先定義了一個名為 gray-div 的類,用于給 div 元素設置樣式。該 div 元素將被設置為灰色的背景色。我們將該類應用到了 div 元素中,使得該元素顯示為灰色背景。
下面是一個其他元素有相同樣式的示例:<html>
<head>
<style>
.gray-div {
background-color: gray;
}
p {
color: white;
}
</style>
</head>
<body>
<div class="gray-div">
<p>這是一段段落內的文本。</p>
<p>這是另一段段落的文本。</p>
</div>
</body>
</html>
在這個示例中,我們除了給 div 元素設置灰色背景,還給 p 標簽設置了白色前景色。因此,除了 div 元素之外,所有段落內的文本都將顯示為白色。