您的位置：首页 > 其它

水平导航栏

2016-05-02 15:53 169 查看
<!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>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

    <p>text1 text2 text3</p>

</div>

</body>

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