Css 如何设置<；李>；背景色？

我相信这很简单，但因为我是新手，我不知道该怎么做。我只想改变li标签的背景色-只是为了时尚，没有别的

这是我的HTML：

<ul id="abas">
     <li><a href="#tab1">PROGRAM</a></li>
     <li><a href="#tab2">PROC</a></li>
     <li><a href="#tab3">DDNAME</a></li>
</ul>

我注意到这里>>>“背景色：3B31FF；”是我更改颜色的地方 背景的颜色，但是这样做，当然会改变所有的背景颜色

---

... 我只需要1个“li”标签就可以更改，任何html教程都很好。

Css代码：

#abas li { 
 background-color:  ... ;
}

li.selected { 
     background-color:  ... ;
    }

<ul>
   <li></li>
   <li class="selected"></li>
   <li></li>
</ul>

在点所在的位置填写颜色代码，如下所示：

background-color:#000000; //color black

li { background: green; }

单个标签：

---

Css代码：

#abas li { 
 background-color:  ... ;
}

li.selected { 
     background-color:  ... ;
    }

<ul>
   <li></li>
   <li class="selected"></li>
   <li></li>
</ul>

Html代码：

#abas li { 
 background-color:  ... ;
}

li.selected { 
     background-color:  ... ;
    }

<ul>
   <li></li>
   <li class="selected"></li>
   <li></li>
</ul>

Css代码：

#abas li { 
 background-color:  ... ;
}

li.selected { 
     background-color:  ... ;
    }

<ul>
   <li></li>
   <li class="selected"></li>
   <li></li>
</ul>

在点所在的位置填写颜色代码，如下所示：

background-color:#000000; //color black

li { background: green; }

单个标签：

---

Css代码：

#abas li { 
 background-color:  ... ;
}

li.selected { 
     background-color:  ... ;
    }

<ul>
   <li></li>
   <li class="selected"></li>
   <li></li>
</ul>

Html代码：

#abas li { 
 background-color:  ... ;
}

li.selected { 
     background-color:  ... ;
    }

<ul>
   <li></li>
   <li class="selected"></li>
   <li></li>
</ul>

首先，任何css颜色代码都需要有#后跟一个6位数的值（如果重复，则为3位，即#FF33FF作为#F3F），要解决第二部分问题，请执行此操作

CSS

#abas li { 
    background-color:  #xxxxxx ;
    //your other style goes here
}
#abas li.current { 
    background-color:  #xxxxxx ;
    //your other style goes here
}

HTML

<ul id="abas">
     <li class="current"><a href="#tab1">PROGRAM</a></li>
     <li><a href="#tab2">PROC</a></li>
     <li><a href="#tab3">DDNAME</a></li>
</ul>

首先，任何css颜色代码都需要有#后跟一个6位数的值（如果重复，则为3位，即#FF33FF作为#F3F），要解决第二部分问题，请执行此操作

CSS

#abas li { 
    background-color:  #xxxxxx ;
    //your other style goes here
}
#abas li.current { 
    background-color:  #xxxxxx ;
    //your other style goes here
}

HTML

<ul id="abas">
     <li class="current"><a href="#tab1">PROGRAM</a></li>
     <li><a href="#tab2">PROC</a></li>
     <li><a href="#tab3">DDNAME</a></li>
</ul>

这将使第一项具有红色背景：

<li style="background: red"><a href="#tab1">PROGRAM</a></li>

这将使第一项具有红色背景：

<li style="background: red"><a href="#tab1">PROGRAM</a></li>

要更改背景颜色，只需设置其样式：

<li style="background-color:blue;">Program</li>

程序

---

您可能还需要设置一些高度和宽度参数。

要更改背景颜色，只需设置其样式：

<li style="background-color:blue;">Program</li>

程序

---

您可能还需要设置一些高度和宽度参数。

例如，如果您想在

标记中添加绿色，可以执行以下操作：

<li style="background: green;"><a href="#tab1">PROGRAM</a></li>

或使用：

---

如果只想更改一个特定的

标记，可以向其添加一个类：

<li class="precious">

只有这个带有.precious类的

标记将被样式化

---

实时示例：

例如，如果您想将绿色添加到

标记，可以执行以下操作：

<li style="background: green;"><a href="#tab1">PROGRAM</a></li>

或使用：

---

如果只想更改一个特定的

标记，可以向其添加一个类：

<li class="precious">

只有这个带有.precious类的

标记将被样式化

---

实例：

使用border-radius元素，您的生活也变得更加轻松。对于您正在做的事情，它将是：

#abas li a {
    text-decoration: none;
    background-color: 3B31FF;
    color: black;
    float: left;
    margin-right: 20px; 
    border-radius: 23px 0px 0px 0px;
    padding-top: 10px;
    padding-right: 100px;
    padding-bottom: 10px;
    padding-left: 10px;
}

这将给你同样的结果。另外，例如，您需要添加高度和宽度以获得某种结果。因此，如果是这种情况，您需要这样做：

#abas li a {
    text-decoration: none;
    background-color: 3B31FF;
    color: black;
    float: left;
    margin-right: 20px; 
    border-radius: 23px 0px 0px 0px;
    padding-top: 10px;
    padding-right: 100px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 100px; 
    width: 100px; 
}

这将给你我认为你正在寻找的结果。如果希望对流体布局使用像素而不是百分比，则需要使用此选项。（注意这仅适用于宽度、高度和定位）

---

我假设您知道如何使用border radius元素使您的生活更加轻松。对于您正在做的事情，它将是：

#abas li a {
    text-decoration: none;
    background-color: 3B31FF;
    color: black;
    float: left;
    margin-right: 20px; 
    border-radius: 23px 0px 0px 0px;
    padding-top: 10px;
    padding-right: 100px;
    padding-bottom: 10px;
    padding-left: 10px;
}

这将给你同样的结果。另外，例如，您需要添加高度和宽度以获得某种结果。因此，如果是这种情况，您需要这样做：

#abas li a {
    text-decoration: none;
    background-color: 3B31FF;
    color: black;
    float: left;
    margin-right: 20px; 
    border-radius: 23px 0px 0px 0px;
    padding-top: 10px;
    padding-right: 100px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 100px; 
    width: 100px; 
}

这将给你我认为你正在寻找的结果。如果希望对流体布局使用像素而不是百分比，则需要使用此选项。（注意这仅适用于宽度、高度和定位）

---

我假设您知道如何使用RGB/RGBA来替代使用十六进制代码：

background-color:rgb(255,0,0);
background-color:rgba(255,0,0,0.5);

---

通过添加alpha和透明度支持，您可以对颜色进行更多的控制，但不幸的是，某些浏览器不支持它（即，尽管我不知道IE 10）。

使用十六进制代码的替代方法是使用RGB/RGBA：

background-color:rgb(255,0,0);
background-color:rgba(255,0,0,0.5);

---

通过添加alpha和透明度支持，您可以对颜色进行更多的控制，但不幸的是，某些浏览器不支持它（即，尽管我不知道IE 10）。

这里有个线索：使用CSS。这条线索适用于任何项目上可能需要的所有样式……这里有一条线索：使用CSS。这条线索适用于你想要的任何项目的所有样式……也许对新手来说，直接学习使用css表而不是内联编码更好……也许吧。使用CSS工作表不是问题的一部分，我的代码已经完成，将在适当的位置工作。也许新手最好直接学习使用CSS工作表而不是内联编码..也许吧。使用CSS表不是问题的一部分，我的代码是完整的，将在适当的位置工作。我真的希望快速回答，但我可能错过了一些东西，我只需要更改一个tag.works，不起作用，很抱歉给您带来麻烦，我还发布了CSS代码（希望有帮助）我真的很想快速回答，但我可能错过了一些东西，我只需要更改一个tag.works，不起作用，很抱歉给您带来麻烦，我还发布了css代码（希望有帮助）哦，我真的很难做到这一点，但奇怪的事情发生了，当我输入完代码后，它创建了一个“环绕”的图标，蓝色的内部（已经是蓝色）和绿色的外部（li.current）颜色集，当然我也放置了所有其他css样式，只是更改了背景颜色。我应该删除一些东西吗？哈，做一些更改，我想我可以使用