<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
#top ul {
list-style-type: none; /*去掉列表项编号*/
text-align: center;
}
#top li {
float: left; /*将列表项设为向左浮动*/
text-align: center; /*文字为居中*/
line-height: 30px;
}
#top li a{
display: block;
width: 100px; /*设置超链接的宽度,及是每个名字间的距离*/
color:black; /*文字颜色*/
text-decoration: none;
}
#top li a:hover{
background-color:brown ; /*鼠标指针点击时的背景颜色*/
}
</style>
</head>
<body>
<div id="top">
<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>
</ul>
</div>
</body>
</html>
HTML之导航栏
最新推荐文章于 2024-06-20 13:03:36 发布