这相当于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}
两种方法:
1.用图片,意思就是说,那几种颜色其实是图片。在web开发的工作中,实际是有UI搭配程序员的,会帮程序员设计web需要的图片。
2.加个button按钮,然后把button按钮定位到那个地方,或者把它给“挤”过去。
border-left:5px solid blue;
这个框框和右边的文字是套在一起的,你仔细看,border-left(左边框)和文字的高度是一样一样的。
这个需要你更细心一点,好好想想再去设置