盒子的寬度與高度
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>寬度和高度</title>
<style type="text/css">
li{
? ? border-bottom:1px dotted red;
? ? width:200px;height:30px;
}
</style>
</head>
<body>
<ul>
? ? <li>別讓不會(huì)說(shuō)話害了你</li>
? ? <li>二十七八歲就應(yīng)該有的見(jiàn)識(shí)</li>
? ? <li>別讓不好意思害了你</li>
</ul>
</body>
</html>
我把bottom換成了left。為什么顯示的樣式成了左邊練成一線。 我以為會(huì)是左邊自上向下的三條線
2017-12-15
連在一起是指？他們沒(méi)有距離？如果是內(nèi)聯(lián)元素，本來(lái)就是挨著的，不過(guò)如果代碼里你在兩個(gè)內(nèi)聯(lián)元素用了回車(chē)換行或者空格來(lái)保持代碼距離，那么實(shí)際的頁(yè)面會(huì)有一點(diǎn)距離。相反，如果你代碼緊挨著，就沒(méi)有距離了。
而塊級(jí)元素如果不浮動(dòng)，那就一般都是各自一行，上下的邊框線才有可能靠在一起。
2017-12-15
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>寬度和高度</title>
<style type="text/css">
li{
? ? border-bottom:1px dotted red;
? ? width:200px;height:30px;
}
</style>
</head>
<body>
<ul>
? ? <li>別讓不會(huì)說(shuō)話害了你</li>
? ? <li>二十七八歲就應(yīng)該有的見(jiàn)識(shí)</li>
? ? <li>別讓不好意思害了你</li>
</ul>
</body>
</html>
我把bottom換成了left。為什么顯示的樣式成了左邊練成一線。 我以為會(huì)是左邊自上向下的三條線
2017-12-15
style="border:1px?solid?#ccc;border-top:none;border-bottom:none;"