h1 和 h2 為什么會(huì)自動(dòng)加有下劃線？求教
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>地狗購(gòu)物網(wǎng)--網(wǎng)頁(yè)定位導(dǎo)航效果</title>
<style>
*{margin:0; padding:0;}
body{font-size:12px; line-height:1.7;}?
li{list-style:none;}
#content{width:800px; margin:0 auto; padding:20px;}
#content h1{color:#0088bb;}
#content .item{padding:20px; margin-bottom:20px; border:1px dotted #0088bb;}
#content .item h2{font-size:16px; font-weight:bold; border-bottom:2px solid #0088bb; margin-bottom:10px;}
</style>
</head>
<body>
? <div id="menu">
? ? <ul>
? ? ? <li><a href="#">1F 男裝</li>
? ? ? <li><a href="#">2F 女裝</li>
? ? ? <li><a href="#">3F 美妝</li>
? ? ? <li><a href="#">4F 數(shù)碼</li>
? ? ? <li><a href="#">5F 母嬰</li>
? ? </ul>
? </div>
? <div id="content">
? <h1>地狗購(gòu)物網(wǎng)</h1>
? ? <div id="item1" class="item">
? ? <h2>1F 男裝</h2>
? ? ? ? <ul>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="1F.jpg" alt="" /></a></li>
? ? ? ? </ul>
? ? </div>
? ? <div id="item2" class="item">
? ? <h2>2F 女裝</h2>
? ? ? ? <ul>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="2F.jpg" alt="" /></a></li>
? ? ? ? </ul>
? ? </div>
? ? <div id="item3" class="item">
? ? <h2>3F 美裝</h2>
? ? ? ? <ul>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="3F.jpg" alt="" /></a></li>
? ? ? ? </ul>
? ? </div>
? ? <div id="item4" class="item">
? ? <h2>4F 數(shù)碼</h2>
? ? ? ? <ul>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="4F.png" alt="" /></a></li>
? ? ? ? </ul>
? ? </div>
? ? <div id="item5" class="item">
? ? <h2>5F 母嬰</h2>
? ? ? ? <ul>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? <li><a href="#"><img src="5F.jpg" alt="" /></a></li>
? ? ? ? </ul>
? ? </div>
? </div>
</body>
</html>
2019-01-15
你a標(biāo)簽沒閉合 導(dǎo)航里面的 <a> 沒有</a>
2018-08-05
border-bottom