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

【html和css入门】实现简单的页首导航

2016-03-15 11:07 866 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#header ul{list-style-type: none;}/*去掉前面的点*/

li{display: inline;} /*让四个链接水平*/

a:link{text-decoration: none; /*去下划线*/
padding-right: 10px;/*增加相邻的链接距离*/
font-family: 宋体;
color: black;}

a:hover{text-decoration: underline;
color: red;}
</style>

</head>
<body>
<div id="header">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="qwb.html">轻微博</a></li>
<li><a href="qdkf.html">前端开发</a></li>
<li><a href="xxj.html">闲心集</a></li>
</ul>
</div>
</body>
</html>


本文地址：http://liuyanzhao.com/3418.html

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