CSS 里的<dd>
是指頁面中列表中某一項的詳細描述信息。在 HTML 中,<dd>
標簽必須與其上面的對應列表項<dt>
標簽配對使用。
<dl> <dt>標題1</dt> <dd>描述1</dd> <dt>標題2</dt> <dd>描述2</dd> </dl>
一般來說,<dd>
的默認大小和字體與普通文本相同,取決于瀏覽器或者是繼承的樣式。
如果需要改變<dd>
的大小和樣式,可以使用 CSS 賦予其新的規則。
<style> dd { font-size: 16px; font-weight: bold; } </style>
在上面這個例子中,我們為所有<dd>
元素設置了 16 像素的文本大小,并設置粗體字體。
值得一提的是,如果只希望其中某個<dd>
生效,可以使用 id 或 class 為其設置樣式。
<style> #desc1 { font-size: 18px; } .important { color: red; } </style> <dl> <dt>標題1</dt> <dd id="desc1">這里是特別描述</dd> <dt>標題2</dt> <dd class="important">這里是重要描述</dd> </dl>
上面這個例子中,我們為具有id="desc1"
的<dd>
元素設置了字體大小為 18 像素。而對于所有帶有class="important"
的<dd>
元素,該元素都已被設置為紅色。
下一篇js操作css背景顏色