<html>
<head>
<style type="text/css">
.main {width:400px; height:600px; background:#CCC;}
.main dl{margin:20px;}
.main dt{border-bottom:1px solid #0650AD;}
.main dd{margin:15px 0;}
</head>
<body>
<div class="main">
<dl>
<dt><span>我是span做的标题</span></dt>
<dd>我是内容:下面是解释,必须用span,不能用h。用span在firefox、chrome、IE等所有浏览器都没有问题,用h的话标题样式会出现两条下划线,dt的下划线跑道h的下划线上面去了</dd>
</body>
</html>
<head>
<style type="text/css">
.main {width:400px; height:600px; background:#CCC;}
.main dl{margin:20px;}
.main dt{border-bottom:1px solid #0650AD;}
.main dd{margin:15px 0;}
.main span{width:100px; border-bottom:2px solid #0650AD; font-size:12px;display:block}
.main h1{width:100px; border-bottom:2px solid #0650AD; font-size:12px;}
</head>
<body>
<div class="main">
<dl>
<dt><span>我是span做的标题</span></dt>
<dd>我是内容:下面是解释,必须用span,不能用h。用span在firefox、chrome、IE等所有浏览器都没有问题,用h的话标题样式会出现两条下划线,dt的下划线跑道h的下划线上面去了</dd>
</dl>
<dl>
<dt><h1>我是h做的标题</h1></dt>
<dd>
我是内容:下面是解释,必须用span,不能用h。用span在firefox、chrome、IE等所有浏览器都没有问题,用h的话标题样式会出现两条下划线,dt的下划线跑道h的下划线上面去了
</dd>
</dl>
开发还是按规范写,dt已经是标题了,就不要继续用h了,就像用了p,就不要在p内部用div一样。
</body>
</html>