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