Html 导航按钮中的垂直黑色条
采取超基本的HTML类，只需要提交这个项目，所以我不失败的类。在我丑陋的屁股菜单上，除了“主页”外，我的每个按钮的左边都有一个垂直的黑色条。谢谢你的帮助保持冷静B） 我的导航代码是：Html 导航按钮中的垂直黑色条,html,nav,Html,Nav,采取超基本的HTML类，只需要提交这个项目，所以我不失败的类。在我丑陋的屁股菜单上，除了“主页”外，我的每个按钮的左边都有一个垂直的黑色条。谢谢你的帮助保持冷静B） 我的导航代码是： <style> nav ul {list-style-type :none; margin : 0 25% 0 25%;} nav ul li { float : center; } article {clear : left;}
<style>
nav ul {list-style-type :none;
margin : 0 25% 0 25%;}
nav ul li {
float : center;
}
article {clear : left;}
nav ul li {
float : left;
margin-right : 1em;
margin-bottom : 1em;
text-align:center;
}
nav ul li a {
text-align:center;
padding : 0.25em .5em;
text-decoration : bold;
background-color : tan;
color : black;
border : 1px solid black;
border-top-left-radius : 0em 0em;
border-top-right-radius : 0em 0em;
}
</style>
</head>
<body>
<header>
<h1>Fish Stories</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</li>
<li><a href="teenfishes.html">Teen Fisherman</li>
<li><a href="alienfish.html">Alien Fish</li>
<li><a href="talltale.html">Jean Sot</li></a>
</ul>
</nav>
nav ul{列表样式类型：无；
保证金：0.25%0.25%；}
李国荣{
浮动：中心；
}
第{条清楚：左；}
李国荣{
浮动：左；
右边距：1米；
边缘底部：1米；
文本对齐：居中；
}
海军ulli a{
文本对齐：居中；
填充：0.25em.5em；
文字装饰：粗体；
背景颜色：棕褐色；
颜色：黑色；
边框：1px纯黑；
边框左上半径：0em 0em；
边框右上半径：0em 0em；
}
鱼的故事
-
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="teenfishes.html">Teen Fisherman</a></li>
<li><a href="alienfish.html">Alien Fish</a></li>
<li><a href="talltale.html">Jean Sot</a></li>
</ul>