首页 > 编程知识 正文

html有序列表样式,html5自学教程

时间:2023-05-06 12:41:48 阅读:22711 作者:423

HTML5入门有序列表有序列表说明语法演示--------代码-----效果属性reversed属性代码效果type属性代码效果start属性代码效果默认样式olli默认样式擦除完成效果

有序列表说明

Ol标记——表示HTML的有序列表,是ordered lists的缩写

Ol标签成对出现,以Ol开始,以/ol结束,各列使用li/li标签定义内容。

语法olli/li/ol演示------代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title规则列表/title/headbody ol li规则列表

属性值说明compactcompactHTML5不支持。 HTML 4.01中不赞成使用。 reversedreversed按降序排列列表顺序。 (9、8、7…。 startnumber规定有序列表的开始值。 type1 A a I i规定了列表中使用的标记类型。 重复属性代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width, initial-scale=1.0 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' title有序列表/title/headbodyolrevererver

类型属性代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width,iewith

start属性代码! doctypehtmlhtmllang=' zh-cn ' headmetacharset=' utf-8 ' metaname=' viewport ' content=' width=device-width,iewith

默认样式ol ol { display: block; 列表样式类型: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; 填充-在线-开始: 40px; } li li { display: list-item; 文本对齐:-WebKit-match-parent; 默认样式ol,li { list-style: none; padding: 0px; margin: 0px; margin-block-start: 0px; margin-block-end: 0px; 填充-在线-开始: 0px; )清除效果

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。