Question

（这是我上课的项目。）这是我到目前为止所做的，但我无法弄清楚如何更改<ul>背景颜色。我们没有使用单独的CSS，所以这些都将在我的HTML文档中。

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    text-align: center;
}

h2 {
    text-align: left;
}

h3 {
    text-align: left;
}

body {
    background-color: pink;
}

* {
 font-size: 120%;
 font-family: Arial Narrow;
}

</style>
</head>
<body>

<h1>Yada yada!</h1>

<h2>Yada yada:</h2>
<p>Our mission is to yada yada yada yada.</p>

<h3>Why you should get a membership at Yada Yada:</h3>
<ul>
<li>Better yada</li>
<li>Better yada</li>
<li>YADA YADA</li>
</ul>
<p>Yada yada is never out of style!</p>

</body>
</html>

Answer 1

你的方向正确。只需像对ul那样为body制作新的声明，并指定与background-color不同的pink。

Answer 2

您可以直接将background-color分配给ul，或几乎任何元素。

ul {
    background-color: red;
}

Answer 3

ul{
    background-color: blue;
}

这将改变UL元素的背景。

＆＃13;

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    text-align: center;
}

h2 {
    text-align: left;
}

h3 {
    text-align: left;
}

body {
    background-color: pink;
}

* {
 font-size: 120%;
 font-family: Arial Narrow;
}
ul{
    background-color: blue;
}

</style>
</head>
<body>

<h1>Yada yada!</h1>

<h2>Yada yada:</h2>
<p>Our mission is to yada yada yada yada.</p>

<h3>Why you should get a membership at Yada Yada:</h3>
<ul>
<li>Better yada</li>
<li>Better yada</li>
<li>YADA YADA</li>
</ul>
<p>Yada yada is never out of style!</p>

</body>
</html>

＆＃13;

如何在html中为<ul>提供与页面其余部分不同的颜色背景

3 个答案: