<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>this is the title</title>
<style>
ul li{
list-style: none;
background-color: red;
width: 100px;
height: 50px;
line-height: 50px;
text-align: center;
margin:0px 1px;
float: left;
}
.class{
clear: both;
}
.menu{
background-color: yellowgreen;
width: 100px;
height: 50px;
line-height: 50px;
text-align: center;
margin:0px 1px;
float: left;
}
</style>
</head>
<body>
<ul>
<li>menu0</li>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
</ul>
<div class="clear"></div>
<div class="menu">menu0</div>
<div class="menu">menu1</div>
<div class="menu">menu2</div>
<div class="menu">menu3</div>
</body>
</html>
再战导航栏
最新推荐文章于 2022-01-01 17:11:22 发布