HTML Element Style How to - Add bottom border under li item

Question

We would like to know how to add bottom border under li item.

Answer


<html>
<head>
    <style type="text/css" media="screen">
        li{<!--  www .  j  av  a  2 s .  c  o m-->
            border-bottom:solid #c9c9c9 1px;
            background:url(/bullet.gif) no-repeat 0 0;
            list-style:none;
            margin:0;
            padding-left:20px;
        }
    </style>
</head>
<body>
    <ul>
        <li>example</li>
        <li>example</li>
        <li>example</li>
        <li>example</li>
        <li>example</li>
    </ul>
</body>
</html>

The code above is rendered as follows: