定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<style type="text/css">
*{margin: 0;padding: 0;}
dt{font-size:20px;color:red;}
dd{margin-left: 10px;}
a{text-decoration: none;color:#271f1f;}
</style>
<title>贴吧分类</title>
</head>
<body>
<h1>贴吧分类</h1>
<dl>
<dt>娱乐明星</dt>
<dd>
<a href="">港台东南亚明星</a>
<a href="">内地明星</a>
<a href="">韩国明星</a>
</dd>
<dd>
<a href="">日本明星</a>
<a href="">时尚人物</a>
</dd>
</dl>
<dl>
<dt>爱综艺</dt>
<dd>
<a href="">内地综艺</a>
<a href="">台湾综艺</a>
<a href="">韩国综艺</a>
</dd>
<dd>
<a href="">时尚</a>
<a href="">生活服务</a>
<a href="">体育运动</a>
<a href="">健身</a>
</dd>
</dl>
<dl>
<dt>追剧狂</dt>
<dd>
<a href="">韩国电视剧</a>
<a href="">香港电视剧</a>
<a href="">美剧</a>
</dd>
<dd>
<a href="">日本电视剧</a>
<a href="">内地电视剧</a>
</dd>
</dl>
<dl>
<dt>看电影</dt>
<dd>
<a href="">香港电影</a>
<a href="">欧美电影</a>
<a href="">内地电影</a>
</dd>
<dd>
<a href="">韩国电影</a>
<a href="">日本电影</a>
<a href="">台湾电影</a>
</dd>
</dl>
<dl>
<dt>体育</dt>
<dd>
<a href="">篮球</a>
<a href="">足球</a>
<a href="">NBA</a>
<a href="">CBA</a>
<a href="">乒乓球</a>
</dd>
<dd>
<a href="">网球</a>
<a href="">舞蹈</a>
<a href="">健身</a>
</dd>
</dl>
<dl>
<dt>小说</dt>
<dd>
<a href="">奇幻</a>
<a href="">言情</a>
<a href="">灵异</a>
</dd>
<dd>
<a href="">穿越</a>
<a href="">修真</a>
<a href="">历史</a>
</dd>
</dl>
</body>
</html>
效果图: