CSS列表实例：在无序列表中不同类型的列表标记

CSS 代码均位于 HTML 的 head 部分，这样做的目的是为了利于演示例子本身。在实际的开发中，使用 CSS
最好的方式是引用外部样式表。
这里介绍CSS列表实例：在无序列表中不同类型的列表标记

步骤/方法

  • 01

    <html> <head> <style type="text/css"> ul.disc {list-style-type: disc} ul.circle {list-style-type: circle} ul.square {list-style-type: square} ul.none {list-style-type: none} </style> </head> <body> <ul class="disc"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> <ul class="circle"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> <ul class="square"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> <ul class="none"> <li>咖啡</li> <li>茶</li> <li>可口可乐</li> </ul> </body> </html>

  • 02

    运行结果

赞 (0)

相关推荐

  • 在word中巧用多级列表功能编号技巧

    多级列表是在段落缩进的基础上使用Word格式中项目符号和编号菜单的多级列表功能自动地生成最多达九个层次的符号或编号。使用方法如下： 把需要编号的段落输入到Word中，并且采用不同的缩进表示不同的层次。 ...

  • 如何查看手机A站中的视频弹幕列表

    如何查看手机A站中的视频弹幕列表

    随着科技的发展,越来越多的软件都开发了手机版,就以AcFun为例,当我们使用手机A站看视频时,该怎么查看视频弹幕列表呢?接下来就由小编来告诉大家.具体如下:1.第一步,打开手机并在桌面上找到A站图标, ...

  • 如何在哔哩哔哩app中查看追番列表？

    如何在哔哩哔哩app中查看追番列表？

    随着影视软件的发展兴起,我们可以足不出户看到世界各地的视频.动漫.电影.可是我们如何查看哔哩哔哩中的追番列表呢?就让小编教你们吧!方法一1. 首先我们需要进入到哔哩哔哩app中,并点击主页中的&quo ...

  • Win10系统中的开始菜单列表怎么重新排列

    Win10系统中的开始菜单列表怎么重新排列

    今天给大家介绍一下Win10系统中的开始菜单列表怎么重新排列的具体操作步骤.1. 打开电脑,进入桌面,点击左下角的开始图标2. 在打开的开始菜单中,点击#号3. 如图,打开了字母表,选择我们想要排在前 ...

  • WPS演示中怎么制作反转列表关系图

    WPS演示中怎么制作反转列表关系图

    今天给大家介绍一下WPS演示中怎么制作反转列表关系图的具体操作步骤.1. 首先打开电脑上的WPS演示,进入主页面:2. 将幻灯片中的空白演示和输入标题等删除掉,然后点击上方的插入菜单,在打开的选项中, ...

  • 怎么在PPT文档中插入连续图片列表流程

    怎么在PPT文档中插入连续图片列表流程

    我们在制作PPT文档的时候,有时会遇到想要给文档插连续图片列表流程的情况,怎么插入呢?今天就跟大家介绍一下怎么在PPT文档中插入连续图片列表流程的具体操作步骤.1. 打开电脑,找到桌面上的想要编辑的P ...

  • 怎么删除win系统开始中的常用程序列表

    怎么删除win系统开始中的常用程序列表

    使用Windows系统电脑的用户,为了可以更好地使用开始菜单,因此想要删除开始中的常用程序列表,但是却不知道如何删除,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击桌面左下角的开始图标,就 ...

  • 如何查看抖音中关注的人列表

    如何查看抖音中关注的人列表

    今天给大家介绍一下如何查看抖音中关注的人列表的具体操作步骤.1. 解锁手机后,找到桌面上的抖音短视频APP,打开.2. 进入主页面后,点击页面右下角的我选项.3. 进入我的页面,点击下方的关注选项.4 ...

  • 如何查看手机版支付宝中绑定的银行卡列表及明细

    如何查看手机版支付宝中绑定的银行卡列表及明细

    手机版支付宝软件被很多人使用,用来支付,理财等,有的用户在使用该软件时,想要查看绑定的银行卡列表及明细,但是却不知道如何查看,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开支付宝软件 ...