HTML 學習 列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
         *{
             /* list-style 設置爲none可以清除列表格式 */
             list-style: none;     
        }
    </style>
</head>
<body>
    <!-- 無序列表  type設置列表前小圖標樣式 circle爲小圓圈-->
    <ul type="circle">       
        <li>1111</li>
        <li>1111</li>
        <li>1111</li>
        <li>1111</li>
    </ul>
    <!-- 有序列表 -->
    <!-- type 設置列表前序號樣式,start決定從第幾個序號開始表示  
    例如用小寫字母表示時,start爲3時,表示從第三個字母c開始表示 -->
    <ol type="a" start="3">    
        <li>1111</li>
        <li>1111</li>
        <li>1111</li>
        <li>1111</li>
    </ol>
    <!-- 自定義列表 -->
    <dl> 
        <dt>水果 </dt>
        <dd>蘋果</dd>
        <dd>梨</dd>
        <dd>香蕉</dd>
        <dd>葡萄</dd>
    </dl>
</body>
</html>

 

 

 

 

添加list-style前       添加list-style:none;後    

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章