我想我做得对。如果您想查看该网站的有形版本,则该网站为robotichive3774.com。我正在为我的学校机器人团队创建此站点。显然我是一个业余爱好者,所以其他任何技巧都将是很棒的。
谢谢
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="index_style.css">
</head>
<body>
<div class="navbar">
<ul class="nav">
<li><a href="/Home">Home</a></li>
<li><a href="/Team Bio">Team Bio</a></li>
<li><a href="/Our Robot">Our Robot</a></li>
<li><a href="/Our Coach">Our Coach</a></li>
<li><a href="/Gallery">Gallery</a></li>
<li><a href="/Outreach">Outreach</a></li>
<li><a href="/Youtube">Youtube</a></li>
</ul>
</div>
</body>
</html>
CSS代码
li
{
float: left;
display:inline-block;
}
.nav
{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
min-width: 1350px;
}
a:link, a:visited
{
display:inline-block;
width: 182.2px;
padding-top: 12px;
padding-right: 5px;
padding-bottom: 12px;
padding-left: 5px;
font-weight: bold;
color: #FFFFFF;
background-color: #990000;
text-align: center;
text-decoration: none;
}
a:hover, a:active
{
background-color: #B20000;
}
该指令是
<link rel="stylesheet"
不是
<link rel="style sheet"
文档:http : //www.w3.org/TR/html401/present/styles.html#h-14.3.2
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句