<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#ul{
/*設定背景*/
background-color: black;
/*設定寬度*/
width: 800px;
/*設定居中*/
margin: 15px auto;
/*解決高度塌陷*/
overflow: hidden;
}
#ul li{
/*去除串列前的識別符號*/
list-style: none;
/*向左浮動*/
float: left;
width: 100px;
}
#ul a{
text-decoration: none;
color: rgb(176,176,176);
}
/*設定偽類*/
a:hover{
color:rgb(255,255,255);
}
</style>
</head>
<body>
<ul id="ul">
<li><a href="">小米商城</a></li>
<li><a href="">手機</a></li>
<li><a href="">平板</a></li>
<li><a href="">電腦</a></li>
<li><a href="">手環</a></li>
<li><a href="">廚具</a></li>
<li><a href="">冰箱</a></li>
<li><a href="">小愛</a></li>
</ul>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/239936.html
標籤：HTML(CSS)