<!DOCTYPE HTML>
<html lang=”en-US”>
<head>
<meta charset=”UTF-8″>
<title></title>
<style type=”text/css”>
*{padding:0;margin:0;}/*demo偷懶充值樣式，實(shí)際項(xiàng)目切勿模仿*/
.line{border-bottom:2px solid #EBEBEB;margin-top:10px;margin-bottom:10px;}
/*
margin:10px 0;在實(shí)際項(xiàng)目中因?yàn)樽笥?px的權(quán)重影響其他樣式，多做就知道了。
*/
h2{border-bottom:2px solid skyblue;font-size:14px;line-height:20px;
display:inline-block;
*display:inline;
*zoom:1;
/*兼容inline-block—-這里可以以用浮動(dòng)代替*/
/*inline-block遇到text-indent會(huì)有兼容問題，原因是 ie6/7 其實(shí)還是inline*/
margin-bottom:-2px;
}
</style>
</head>
<body>
<div class=”line”>
<h2>藍(lán)悅</h2>
</div>
<div class=”line”>
<h2>藍(lán)色理想</h2>
</div>
<div class=”line”>
<h2>前端開發(fā)板塊</h2>
</div>
<div class=”line”>
<h2>寫一個(gè)簡單的DEMO</h2>
</div>
</body>
</html>
新聞熱點(diǎn)
疑難解答
圖片精選
