這樣對的吧
<style type="text/css">
/*在此定義相關樣式,控制列表的顯示形式*/
li{
? ? width:50px;
? ? height:30px;
? ? text-align:center;
? ? float:left;
? ? list-style-type: none;?
}
ul li div{
? ? display:block;
}
?a,a:visited{
? ? color:black;
? ? text-decoration: none
}
?a:hover,a:active{
? ? color:white;
? ? background:#BE3948;
}
</style>
</head>
<body>
<h3>課程難度</h3>
<ul>
? ?<li> <div><a class="link" href="#">全部</a></div> </li>
? ? <li><div><a class="link" href="#">初級</a></div></li>
? ? <li><div><a class="link" href="#">中級</a></div></li>
? ? <li><div><a class="link" href="#">高級</a></div></li>
</ul>
2018-07-31
ul li div{
? ? display:block;
div本來就是塊級元素吧。這一段寫上去應該是沒啥意思