导航条的制作详解

最新推荐文章于 2024-10-09 11:36:19 发布

原创最新推荐文章于 2024-10-09 11:36:19 发布 · 641 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#导航条制作

.NET 专栏收录该内容

30 篇文章

订阅专栏

博客主要提及了CSS文件编码以及HTML调用CSS样式表的相关内容，这些都是前端开发中构建页面样式的重要操作，有助于实现页面的美观与布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

css文件编码：

body{font-size:6px;}

#globallink{width:800px;height:33px;background-image: url(../img/navbg.png);}
#globallink ul{list-style: none;padding:0px;margin:0px;}

#globallink li{float:left;width:70px;text-align:center;}
#globallink a{display:block;padding:8px 6px 10px 7px;margin:0px;}
#globallink a:link,#globallink a:visited{color:white;text-decoration: none;}
#globallink a:hover{color:aquamarine;text-decoration:underline;}

HTML调用CSS样式表：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>简单导航条的制作</title>
		<link href="css/导航条的制作.css " rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="globallink">
			<ul>
				<li><a href="#">读书首页</a></li>
				<li><a href="#">作品总库</a></li>
				<li><a href="#">VIP作品</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>
				<li><a href="#">出版展示</a></li>
			</ul>
		</div>
	</body>
</html>