<div title>是在HTML中常用的一個屬性，它用于給HTML元素添加一個提示信息。當鼠標懸停在具有<div title>屬性的元素上時，瀏覽器將顯示一個包含指定提示信息的小窗口。本文將通過幾個實例，詳細解釋和說明<div title>的用法。

示例1：基本用法

<div title="這是一個提示信息">懸停鼠標在我上面試試</div>

在上面的代碼中，我們為<div>元素添加了title屬性，其值為"這是一個提示信息"。當鼠標懸停在該<div>元素上時，瀏覽器將顯示一個小窗口，其中包含了我們設置的提示信息。

示例2：元素嵌套

<div title="父元素">
<div>子元素</div>
</div>

在這個例子中，我們給父元素(<div>)添加了title屬性，提示信息為"父元素"。當鼠標懸停在父元素上時，瀏覽器將顯示這個提示信息。不論鼠標停留在父元素上還是子元素上，都會顯示相同的提示信息。這是因為子元素繼承了父元素的title屬性。

示例3：使用CSS控制顯示效果

<style>
div[title] {
background-color: yellow;
color: red;
font-weight: bold;
}
</style>
<div title="這是一個提示信息">懸停鼠標在我上面試試</div>

在上面的例子中，我們使用CSS選擇器來控制具有title屬性的<div>元素的顯示效果。當鼠標懸停在<div>元素上時，該元素的背景顏色將變為黃色，文字顏色變為紅色，并且字體加粗。

使用<div title>屬性可以為HTML元素提供額外的信息，在鼠標懸停時向用戶展示提示信息。這在使用大量標簽或需要額外解釋的元素時特別有用。通過示例我們可以清楚地看到<div title>的基本用法以及如何結合CSS來控制顯示效果。希望本文對你了解和使用<div title>屬性有所幫助。