水平导航栏

最新推荐文章于 2022-02-22 15:09:46 发布

ios0213

最新推荐文章于 2022-02-22 15:09:46 发布

阅读量335

点赞数

分类专栏：自己写的一些代码

本文链接：https://blog.csdn.net/ios0213/article/details/51296705

版权

自己写的一些代码专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0" />
<title>无标题文档</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
.wrap{
width:700px;
margin:0 auto;
border:1px solid #FFF;
}
ul{
margin:0;
padding:0;
list-style-type:none;
overflow:hidden;
}
a:link,a:visited{
text-decoration:none;
color:#FFF;
}
a:hover{
color:#0f0;
}
li:hover{
background-color:#F00;
}
li{
float:left;
background-color: #666;
width:120px;
padding:25px;
border-left:1px solid #FFF;
text-align:center;
}

</style>
</head>

<body>
<div class="wrap">
<ul>
<li><a href=#>医院技术</a></li>
<li><a href=#>专家团队</a></li>
<li><a href=#>星级产科</a></li>
<li><a href=#>来院路线</a></li>
</ul>
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
text1 text2 text3
</div>
</body>
</html>