Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Make bullet colors in ul li lists using CSS

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 803
    Comment on it

    Hello Reader's
    Here is an example bullet list (unordered list) without using any image, you can use custom bullets in your web page as done below.

    Here is the HTML

    <div class="demo">
        <ul>
            <li>Your Listing Content type here.............</li>
            <li>Your Listing Content type here.............</li>
            <li>Your Listing Content type here.............</li>
        </ul>
    </div>
    


    Here is the CSS

    *{
    padding:0px;
    margin:0px;
    }
    .demo ul li {
        position: relative;
        list-style: none;
        font-family: 'Raleway', sans-serif;
        vertical-align: middle;
        font-size: 14px;
        padding-left: 1%;
    }
    .demo ul li::before {
        color: #43c787;
        content: "";
        display: inline-block;
        left: -15px;
        font-size: 35px;
        vertical-align: middle;
        position: absolute;
    }
    

    In above code I have used unordered list and provided color to it, usually you can not provide any color to the list it is by-default but using CSS you can provide any color to the list you want.


    Hope this code will helpfull for you :)

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: