1122人阅读
一、无序列表
无序列表是网页中最常用的列表,各列表为并列关系,没有顺序区分
基本语法格式
<ul> <li>列表1</li> <li>列表2</li> </ul> ul中只能嵌套li标签,嵌套文字的方式是不允许的
- 1
- 2
- 3
- 4
- 5
无序列表常用的type属性值
type属性值 | 显示效果 |
---|---|
disc(默认值) | 实心圆 |
circle | 空心圆 |
square | 实心方块 |
为了实现结构与样式分离一般使用css
实现
二、有序列表
有序列表即为有排列顺序的列表
基本语法格式
<ol> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ol>
- 1
- 2
- 3
- 4
- 5
有序列表的相关属性
属性 | 属性值 | 描述 |
---|---|---|
type | 1(默认),a或A,i或I | 项目符号显示为数字、字母或罗马字母排序 |
start | 数字 | 规定项目符号的起始值 |
value | 数字 | 桂香项目符号的数字 |
csshtmlcss3
发布于2022-02-02著作权归作者所有
相关推荐更多
如何使用 CSS 自定义无序列表样式
前端西瓜哥 1093 阅读 0 评论
有序列表的应用
tangshengyong1 80 阅读 0 评论
9、HTML:有序列表(ol),无序列表(ul),描述列表(dl、dt、dd)详解
低头专研 4579 阅读 0 评论
html有序列表能嵌套无序列表么,HTML学习笔记1.13—有序列表及列表嵌套
何奇艺 1742 阅读 0 评论
css中的无序列表和有序列表的差别,CSS中有序和无序排列详解
Rio超耿直 1039 阅读 0 评论
热门推荐 CSS列表(有序,无序,去掉无序列表的点,列表一行显示)
牛哄哄的柯南 1万+ 阅读 9 评论
HTML/CSS笔记2-有序无序列表/表格_PIUYIXIU的博客-CSDN...
<h3>有序无序列表</h3> <h4>无序列表</h4> 外层ul,内层li,type属性表示标识的类型,type属性也可以针对某个值进行制定修改<br> <ul type="squre"> <li>1</li> <li type="circle">2</li> <li>列表嵌套 <ul> <li>a...
html+css实战25-无序列表和有序列表_前端大歌谣的博客
列表在前端开发中特别常用 随处可见例如CSDN的布局: 下面介绍 HTML 中的三种列表 效果图:顾名思义就是没有顺序的一个列表 效果图: 有序列表和无序的区别就是前面多了序号效果图: HTML 无序列表和有序列表(超详细) wangfei933的博...
HTML+CSS学习笔记_不如coding的博客
target属性设置以新窗口打开还是以旧窗口打开。 ②列表: 列表分为:有序列表,无序列表,自定义列表 无序列表: <ul> <li>Coffee</li><!--无序列表--> <li>Milk</li> </ul> 1 2 3 4 显示如下: 有序列表: <!--有序...
HTML的无序列表、有序列表、自定义列表_土豆程序媛的博...
1.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 <ul 标签。每个列表项始于 <li。 无序列表的type属性有三个值: disc:表示实心小圆点 circle:表示空心小圆点 ...
HTML|有序列表、无序列表和自定义列表的使用_胖者是谁...
一、有序列表 有序列表是使用<ol>标签进行定义的,列表序号用数字进行标记,使用<li>标签来定义列表的选项。 <ol> <li>Dog</li> <li>Cat</li> <li>Pig</li> </ol> <ol>:order list的缩写,表示有序列表。它为列表的每一...
HTML/CSS中有序<ol>、无序<ul>、定义列表用法详解_xiao...
<DT>无序列表</DT><DD>不以数字为开始,而是使用一个符号作为分项标记的列表。</DD> <DT>有序列表</DT><DD>使用数字编号,分项带有顺序性质的列表。</DD> <DT>定义列表</DT><DD>用于解释名词的列表,包含了两种层次,一是名词...
无序列表、有序列表、自定义列表
温D 345 阅读 0 评论
html5无序列表的属性值,5-HTML列表,< table>表格标签及其属性
Coly Li 538 阅读 0 评论
最新发布 css无序列表
dl111701 99 阅读 0 评论
有序列表、无序列表、定义列表
hello_xujj 4692 阅读 0 评论