HTML5导航菜单栏的设计与实现

最新推荐文章于 2024-08-05 22:35:13 发布

猪汤姆要打遍天下无敌手

最新推荐文章于 2024-08-05 22:35:13 发布

阅读量3.3k

点赞数 11

文章标签： html

本文链接：https://blog.csdn.net/ldd19991115/article/details/104778605

版权

HTML5导航菜单栏的设计与实现

底板颜色可以自己换，这里推荐一个好看颜色的网页给大家：http://www.fynas.com/system-drawing-color

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
<title>菜单栏的设计与实现</title>
<style>

nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:left;
}

ul li
{
	list-style:none;
	float:left;
}

a:link,a:visited
{
	display:block;
	font-weight:bold;
	color:white;
	background-color:#DDA0DD;
	width:150px;
	text-align:center;
	padding:7px;
	text-decoration:none;
}

a:hover, a:active
{
	background-color: #FF66CC;
}

</style>
</head>
<h2>导航菜单栏的设计与实现</h2>
<hr/>
<body>
<nav>
<ul class="nav">
<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>
</nav>
</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

猪汤姆要打遍天下无敌手

关注关注

11
点赞
踩
35

收藏

觉得还不错? 一键收藏
0
评论
HTML5导航菜单栏的设计与实现

HTML5导航菜单栏的设计与实现底板颜色可以自己换，这里推荐一个好看颜色的网页给大家：http://www.fynas.com/system-drawing-color<!DOCTYPE html><html> <head> <meta charset="utf-8"><title>菜单栏的设计与实现&lt...
复制链接

扫一扫