列表

---恢复内容开始---

list-style-position:inside 序号和内容在一起

list-style-position:outside 序号在内容外面

 

 

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <style type="text/css">
        </style>
    </head>
    <body>
      <div>
       <ol type="1">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
      </ol>
      </div>
     <div>
      <ul type="square">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
     </ul>
     </div>
    </body>

上面代码代表：有序 无序列表。显示：

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <style type="text/css">
        *{ list-style-image:url(../%E5%9B%BE%E7%89%87/%E4%B9%A6%E6%9C%AC.jpg)}
        </style>
    </head>
    <body>
      <div>
       <ol type="1">
        <li>干吗</li>
        <li>文化对话</li>
        <li>死老虎雕刻家</li>
        <li>咖啡碱考虑粉碎机雕刻</li>
        <li>反季节旅客所</li>
        <li>经济速度</li>
      </ol>
     </div>
    </body>

显示：图片作为序号。

 

---恢复内容结束---

posted @ 2017-10-14 11:23  小孩坏坏  阅读(146)  评论(0)    收藏  举报