常用列表属性的使用

常用列表属性的使用

手机品牌

  • vivo
  • oppo
  • 金立

国内手机销量：

  1. oppo
  2. 华为
  3. vivo
  4. iPhone
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
        <title>常用列表属性的使用</title>
    <style>
        li{
            background-color: darkgray;
        }
        ul{
            list-style-position: inside;/*默认是outside*/
            /*list-style-type: square 正方形; circle 小圆点*/
            list-style-image: url("../文件/icon1.jpg");
        }
    </style>
</head>
<body>
    <h2>手机品牌</h2>
    <ul>
        <!--ul 无序-->
        <li>vivo</li>
        <li>oppo</li>
        <li>金立</li>
    </ul>

    <h2>国内手机销量：</h2>
    <ol>
        <!--ol 有序-->
        <li>oppo</li>
        <li>华为</li>
        <li>vivo</li>
        <li>iPhone</li>
    </ol>
</body>
</html>

　　

posted @ 2017-02-14 17:44  john。  阅读(345)  评论(0)    收藏  举报