我怎样才能让它既有水平导航栏又有垂直导航栏呢?我是一个初学设计的大宝宝,我试图找出我做错了什么,但我不知道如何在多个链接上使用CSS。
<body>
<div class="horizontallinks">
<ul>
<li> link1 </li>
<li>link 2</li>
<li>link 3</li>
<li>
<link 4</div>
<div class="verticallinks">
<ui>
<li>link a </li>
<li> link b</li>
<li> link c </li>
</div>
</ul>
</body>
CSS:
.horizontallinks {
position: fixed;
list-style-type: none;
margin-top: 70px;
margin-left: 300px;
padding: 0;
font-size: 18px;
overflow: hidden;
background-color: white;
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.verticallinks {
position: fixed;
list-style-type: none;
padding: 0;
font-size: 18px;
margin-left: 45px;
margin-top: 165px;
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li {
float: left;
}
li a {
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
一个二个一个一个
2条答案
按热度按时间i34xakig1#
试试这个
ix0qys7i2#
为具有大显示屏的设备创建一个水平菜单,为具有较小显示屏的设备创建一个垂直菜单,这不是更好吗?
css media classes(MDN链路)可以用于此。