<!DOCTYPE html>
<html lang="en">
<head>
<title>Menu Demo</title>
<meta charset="utf-8">
<style type="text/css">
*{
margin:0;
padding: 0;
}
ul{
list-style: none;
}
li{
float: left;
margin: 10px;
color: #f40;
font-weight: bold;
font-size: 14px;
height: 25px;
line-height: 25px;
padding: 0 5px;
}
li:hover{
border-radius: 15px;
background-color: #f40;
color: #fff;
}
</style>
</head>
<body>
<ul type="circle">
<li>天猫</li>
<li>聚划算</li>
<li>天猫超市</li>
</ul>
</body>
</html>
html css 基础: 制作仿淘宝的菜单栏
猜你喜欢
转载自blog.csdn.net/jason156/article/details/104073169
今日推荐
周排行