根据下面的代码,如何将文本颜色更改为
white
?代码改编自这个question。在标记的问题答案中,我不知道第一个地方的颜色是如何设置为蓝色的。
CSS代码:
.footer-background {
padding-top: 20px;
padding-bottom: 20px;
background-color: #1c2a48;
}
.logo, .nav {
margin-bottom: 10px;
}
.nav-pills {
display: flex;
flex-direction: column;
justify-content: center;
}
HTML代码:
<link />
<div class="footer-background container-fluid">
<div class="row">
<div class="col-xs-6 col-sm-4 center-block">
<ul class="nav nav-pills">
<li><a href="https://www.b.org/opengovernment/prr/Pages/default.aspx">Public Records Request</a></li>
<li><a href="https://www.b.org/AgenciesAndServices/Pages/Default.aspx">Contact Us</a></li>
<li><a href="https://www.b.org/ReportAComplaint/Pages/Default.aspx">Report a Complaint</a></li>
<li><a href="https://www.b.org/Terms/Pages/Default.aspx">Terms of Use</a></li>
<li><a href="https://www.b.org/Terms/Pages/Default.aspxx">Accessiblity Statement</a></li>
<li><a href="https://lp.constantcontactpages.com/su/ErJFVZz/B">Subscribe</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-4 center-block">
<ul class="nav nav-pills">
<li><a href="https://b.granicus.com/ViewPublisher.php?view_id=15">Watch Meetings</a></li>
<li><a href="https://www.b.org/Pages/Welcome.aspx">Copyrights 2022, Government</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4">
<div class="text-white" style="padding-top: 3rem; text-align: center;">
<ul class="nav nav-pills">
</ul>
</div>
</div>
</div>
</div>
添加类 css :
a{
color: white;
}
只需为链接添加颜色。链接的默认颜色是蓝色。
a {
color: white;
}
.footer-background {
padding-top: 20px;
padding-bottom: 20px;
background-color: #1c2a48;
}
.logo, .nav {
margin-bottom: 10px;
}
.nav-pills {
display: flex;
flex-direction: column;
justify-content: center;
}
<link />
<div class="footer-background container-fluid">
<div class="row">
<div class="col-xs-6 col-sm-4 center-block">
<ul class="nav nav-pills">
<li><a href="https://www.b.org/opengovernment/prr/Pages/default.aspx">Public Records Request</a></li>
<li><a href="https://www.b.org/AgenciesAndServices/Pages/Default.aspx">Contact Us</a></li>
<li><a href="https://www.b.org/ReportAComplaint/Pages/Default.aspx">Report a Complaint</a></li>
<li><a href="https://www.b.org/Terms/Pages/Default.aspx">Terms of Use</a></li>
<li><a href="https://www.b.org/Terms/Pages/Default.aspxx">Accessiblity Statement</a></li>
<li><a href="https://lp.constantcontactpages.com/su/ErJFVZz/B">Subscribe</a></li>
</ul>
</div>
<div class="col-xs-6 col-sm-4 center-block">
<ul class="nav nav-pills">
<li><a href="https://b.granicus.com/ViewPublisher.php?view_id=15">Watch Meetings</a></li>
<li><a href="https://www.b.org/Pages/Welcome.aspx">Copyrights 2022, Government</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4">
<div class="text-white" style="padding-top: 3rem; text-align: center;">
<ul class="nav nav-pills">
</ul>
</div>
</div>
</div>