gpt4 book ai didi

html - 背景颜色未出现在无序列表中

转载 作者:太空宇宙 更新时间:2023-11-03 23:10:32 24 4
gpt4 key购买 nike

下面是我的代码:

<html>
<head>
<style>
.list {
list-style-type: none;
background-color:purple;
}
.list li {
float: left;
margin: 5px;
}
.link{
font-color:white;
}
</style>

</head>
<body>

<ul class="list">
<li><a href="##" class="link">BANK INDIA</a></li>
<li><a href="##" class="link">APPLY FOR CREDIT CARDS</a></li>
<li><a href="##" class="link">ABOUT US</a></li>
<li><a href="##" class="link">CONTACT US</a></li>
</ul>

</body>
</html>

我正在尝试为整个列表添加背景颜色。不知怎么的,它没有出现。我无法找出原因。请帮忙

最佳答案

因为你有 float: left,你需要清除它们。添加:

.list {
list-style-type: none;
background-color: purple;
overflow: hidden;
}

工作片段

<!DOCTYPE html>
<html>
<head>
<style>
.list {
list-style-type: none;
background-color: purple;
overflow: hidden;
}
.list li {
float: left;
margin: 5px;
}
.link{
color:white;
}
</style>

</head>
<body>

<ul class="list">
<li><a href="##" class="link">BANK INDIA</a></li>
<li><a href="##" class="link">APPLY FOR CREDIT CARDS</a></li>
<li><a href="##" class="link">ABOUT US</a></li>
<li><a href="##" class="link">CONTACT US</a></li>
</ul>

</body>
</html>

关于html - 背景颜色未出现在无序列表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32735885/

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