盒子的寬度與高度
<!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>別讓不會說話害了你</li>
? ? <li>二十七八歲就應(yīng)該有的見識</li>
? ? <li>別讓不好意思害了你</li>
</ul>
</body>
</html>
我把bottom換成了left。為什么顯示的樣式成了左邊練成一線。 我以為會是左邊自上向下的三條線
2017-12-15
連在一起是指？他們沒有距離？如果是內(nèi)聯(lián)元素，本來就是挨著的，不過如果代碼里你在兩個(gè)內(nèi)聯(lián)元素用了回車換行或者空格來保持代碼距離，那么實(shí)際的頁面會有一點(diǎn)距離。相反，如果你代碼緊挨著，就沒有距離了。
而塊級元素如果不浮動，那就一般都是各自一行，上下的邊框線才有可能靠在一起。
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>別讓不會說話害了你</li>
? ? <li>二十七八歲就應(yīng)該有的見識</li>
? ? <li>別讓不好意思害了你</li>
</ul>
</body>
</html>
我把bottom換成了left。為什么顯示的樣式成了左邊練成一線。 我以為會是左邊自上向下的三條線
2017-12-15
style="border:1px?solid?#ccc;border-top:none;border-bottom:none;"