一、列表元素
!DOCTYPE html html lang= en head meta charset= UTF-8 title Title /title !-- list-style: none;可以清除有序列表或无序列表前面的数字或者符号-- style type= text/css ul { list-style: none; /style /head body ul type= circle !--空心圆无序列表-- li first /li li second /li li third /li /ul ul type= disc !--disc是默认值,实心圆无序列表-- li first /li li second /li li third /li /ul ul type= square !--实心方框,无序列表-- li first /li li second /li li third /li /ul ol type= A !--以字母A开始的有序列表-- li first /li li second /li li third /li /ol ol type= a !--以字母a开始的有序列表-- li first /li li second /li li third /li /ol ol type= i !--以小写罗马数字开始的有序列表-- li first /li li second /li li third /li /ol ol type= I start= 2 !--以大写罗马数字开始的有序列表,start规定了列表开始的值-- li first /li li second /li li third /li /ol ol type= I !--以大写罗马数字开始的有序列表,value规定了第三个从Ⅳ开始,规定了第六个从Ⅷ开始-- li first /li li second /li li value= 4 third /li li fouth /li li friday /li li value= 8 六 /li li 七 /li /ol dl !--dl自定义列表,dt列表中的项目,d项目描述,自动换行并有缩进-- dt 一 /dt dd hello world /dd dd welcome to html5 /dd dt 二 /dt dd kan kan xiaoguo /dd /dl /body /html
二、效果展示
相关推荐:
了解HTML表单之input元素的30个元素属性_html/css_WEB-ITnose
HTML列表元素
以上就是html各个列表元素的应用(一个例子)的详细内容,html教程
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答