css代码，蓝绿红紫颜色那里要怎么设置？

Question

求代码

Answer 1

这相当于5个li标签，每个标签前面对应的颜色不一样而已。
li:nth-of-type(1){border-left: 2px solid bule}
li:nth-of-type(2){border-left: 2px solid xxx}
li:nth-of-type(3){border-left: 2px solid red}
li:nth-of-type(4){border-left: 2px solid red}
li:nth-of-type(5){border-left: 2px solid red}追问

不是的，前面颜色是长条形的

Answer 2

两种方法：
1.用图片，意思就是说，那几种颜色其实是图片。在web开发的工作中，实际是有UI搭配程序员的，会帮程序员设计web需要的图片。
2.加个button按钮，然后把button按钮定位到那个地方，或者把它给“挤”过去。追问

可是我们老师并没有发送图片下来，他的意思可能是用边框

追答

button里面可以加边框属性。
button是个组件
边框(border)是个属性，搞清楚

Answer 3

border-left:5px solid blue;
这个框框和右边的文字是套在一起的，你仔细看，border-left（左边框）和文字的高度是一样一样的。

Answer 4

这个需要你更细心一点，好好想想再去设置追问

我只是初学者而已