<li>标签的背景

时间:2018-01-13 15:48:38

标签: html-lists

我想为

  • 标签添加背景图片或背景颜色,但我不知道如何操作。感谢

        </div>
        <div class="clear"> </div>
        <!---start-content---->
        <div class="main-content">
            <div class="wrap">
            <div class="left-sidebar">
                <div class="sidebar-boxs">
                    <div class="clear"> </div>
                    <div class="type-videos">
                        <h3>Categories</h3>
                        <ul>
                            <li><a href="#">Korean Drama</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                            <li><a href="#">Lorem ipsum dolor</a></li>
                        </ul>
    
  • 1 个答案:

    答案 0 :(得分:0)

    这是一个简短的小提琴:https://jsfiddle.net/Hoargarth/qd60qa1L/1/

    基本上你只需要你的html标签或类的css。

    HTML:

    <!-- with css tag -->
    
    <li>
      test2
    </li>
    
    <!-- or with css class -->
    
    <li class="list">
      test3
    </li>
    

    的CSS:

    li {
      background-color:red;
    }
    
    /* with class*/
    
    .list{
      background-color:green;
    }