gpt4 book ai didi

html - 需要帮助将此导航菜单 CSS 居中

转载 作者:行者123 更新时间:2023-11-28 13:04:08 25 4
gpt4 key购买 nike

我需要帮助将此导航菜单居中。我对 css 还很陌生,需要完成一个学校元素

<html>
<head>
<title>Website</title>
<link rel="icon" " href="favicon.ico" />
<style>
ul.menu{list-style-type:none;margin:0;padding:0;padding-top:6px;padding-bottom:6px;}
li.menu{display:inline;}
a:link,a:visited.menu{font-weight:bold;color:#FFFFFF;background-color:#35BFD7;text- align:center;padding:6px;text-decoration:none;text-transform:uppercase;}
a:hover,a:active.menu{background-color:#3597FF;}
body{background-image:url('background.gif');background-size:100% 100%;}
</style>
</head>
<body>
<ul class=menu>
<li class=menu><a href="default.asp">Home</a></li>
<li class=menu><a href="news.asp">News</a></li>
<li class=menu><a href="contact.asp">Contact</a></li>
<li class=menu><a href="about.asp">About</a></li>
</ul>
</body>
</html>

最佳答案

只需添加 text-align:center给你的<ul> .这将使所有 display:inline 居中和 display:inline-block元素。

jsFiddle

ul.menu {
text-align:center;
}

关于html - 需要帮助将此导航菜单 CSS 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15961486/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com