html-无序列表+有序列表
2017-02-09 11:43
253 查看
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<!--无序列表 是块元素-->
<ul style="background-color:pink;list-style-type:circle;list-style-image:url('sanjiao-1.jpg');margin:0;padding-left:19px;">
<li>今天天气真好</li>
<li>今天天气真好</li>
<li>今天天气真好</li>
</ul>
<!--有序列表 是块元素
start 表示从第几个开始
-->
<ol style="list-style-type:lower-latin;"start="3">
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ol>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<!--无序列表 是块元素-->
<ul style="background-color:pink;list-style-type:circle;list-style-image:url('sanjiao-1.jpg');margin:0;padding-left:19px;">
<li>今天天气真好</li>
<li>今天天气真好</li>
<li>今天天气真好</li>
</ul>
<!--有序列表 是块元素
start 表示从第几个开始
-->
<ol style="list-style-type:lower-latin;"start="3">
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ol>
</body>
</html>
相关文章推荐
- Html之有序列表和无序列表用法_ol_li_ul_实例
- HTML 学习笔记之列表控件 无序列表ul(Unordered List)、有序列表ol(Ordered List)、定义列表dl(Definition List)
- 【HTML】-案例-有序列表和无序列表
- HTML学习之有序列表、无序列表和自定义列表
- html有序列表与无序列表自定义列表
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- html无序有序列表嵌套
- 06 html无序列表 、有序列表、 框架和综合练习
- HTML中的有序排列和无序列表标签
- <学习html>第四天笔记-注释标签;相对路径,绝对路径;有序列表,无序列表,自定义列表;总结
- html从入门到放弃(6)-入门标签:列表-有序、无序和自定义
- Html DW-5-有序无序自定义 列表
- 网页HTML 有序列表ol 和无序列表 ul
- 一些自己学习的html代码(锚,动态改变文本和链接,有序无序列表等)
- html有序列表和无序列表
- HTML入门教程 - 6.无序列表和有序列表(Unordered Lists&Ordered Lists)
- html无序列表标签和有序列表标签使用示例
- HTML学习笔记之列表控件 无序列表 ul(Unordered List) 、有序列表 ol(Ordered List) 、定义列表 dl(Definition List)
- html中meta标签link标签无序有序列表表格表单