您的位置：首页 > Web前端 > CSS

HTML CSS 水平导航

2016-05-13 21:50 453 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

ul{
margin:0;
padding:0;
list-style-type:none;

}

a:link,a:visited{
display:block;
width:160px;
padding:4px;
background-color:#BEBEBE;
text-decoration:none;
color:#FFF;
text-align:center;
border-right:1px solid #FFF;

}

li{
float:left;

}

a:hover,a:active{
background-color:#F00;

}

</style>

<title>无标题文档</title>

</head>

<body>

<ul>

<li><a href=#>HOME</a></li>

<li><a href=#>NEWS</a></li>

<li><a href=#>CONTACT</a></li>

<li><a href=#>ABOUT</a></li>

</ul>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航