html有序列表怎么弄自定义

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

<html>

  <head>

    <style type="text/css">

      ul.circle {

        list-style-type: circle;

      }

      ul.square {

        list-style-type: square;

      }

      ol.upper-roman {

        list-style-type: upper-roman;

      }

      ol.lower-alpha {

        list-style-type: lower-alpha;

      }

    </style>

  </head>

 

  <body>

    <p>Type circle:</p>

    <ul class="circle">

      <li>Coffee</li>

      <li>Tea</li>

      <li>Coca Cola</li>

    </ul>

 

    <p>Type square:</p>

    <ul class="square">

      <li>Coffee</li>

      <li>Tea</li>

      <li>Coca Cola</li>

    </ul>

 

    <p>Type upper-roman:</p>

    <ol class="upper-roman">

      <li>Coffee</li>

      <li>Tea</li>

      <li>Coca Cola</li>

    </ol>

 

    <p>Type lower-alpha:</p>

    <ol class="lower-alpha">

      <li>Coffee</li>

      <li>Tea</li>

      <li>Coca Cola</li>

    </ol>

  </body>

</html>

效果：

S8$1JNEMP(]$SPR{06ZG4IV.png

推荐学习：html视频教程

以上就是html有序列表怎么弄自定义的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

Html如何实现文本框不能修改其中的内容

Html中table边框颜色怎么设置

怎样在Html里放视频

Html如何设置字体颜色

学Html有什么用

Html空格代码怎么写？

Html doctype有几种

Html阻止iframe跳转页面并使用iframe在页面内嵌微信网页版详解

Html怎么导入图片

Html code标签怎么用？Html code标签的作用解释

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...