zoukankan      html  css  js  c++  java
  • html中列表

    <ul type="square">    <!--type有三种:circle空心圆,disc实心圆,square方块-->
        <li>这是内容</li>
        <li>这是内容</li>
        <li>这是内容</li>
    </ul>

    这是无序列表,type类型控制内容前方的小图标

    <ol type="1" reversed="reversed">  <!--1数字,a小写英文,A大写英文,I罗马数字大写,i罗马数字小写,reversed倒数排序-->
         <li>这是内容</li>
         <li>这是内容</li>
         <li>这是内容</li>
    </ol>

    这是有序列表,同样type控制内容前方图标,不过这个是数字英文,而且可以倒数。同时,有序列表也可以使用无序列表的图标

    <ol style="list-style-image: url(图片名.后缀名)"> <!--把图片当样式-->
        <li>水水水水</li>
        <li>水水水水</li>
        <li>水水水水</li>
    </ol>

    如果都不合心意,可以用图片代替内容前面的图标

  • 相关阅读:
    POJ2456 Aggressive cows
    Binary Search
    Leetcode1025 Divisor Game
    我的高中生活目标
    leetcode155 min stack
    Leetcode983 Minimum Cost For Tickets
    合并两个有序数组
    X的平方根
    力扣第35场双周赛
    整数反转
  • 原文地址:https://www.cnblogs.com/zyfeng/p/10435761.html
Copyright © 2011-2022 走看看