<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>列表</title>
<style type="text/css">
ul{
list-style-type:square;/* disc实心圆; circle空心圆; square实心正方形; none无样式 */
list-style-image:url(img/html-tags2.png);
}
.one{
/* list-style-position:outside; */
list-style:none url(img/html-tags2.png) inside;
}
.two{
list-style-position:inside;
}
ol{
list-style-type:lower-alpha;/* decimal数字; lower-roman小写罗马数字; upper-roman大写罗马数字; lower-alpha小写字母; */
list-style-image:url(img/html-tags2.png);
}
</style>
</head>
<body>
<ul class="one">
<li>多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）</li>
<li>网络编程（UDP TCP Socket）</li>
<li>枚举类型</li>
<li>类的加载机制和反射（Reflect）</li>
</ul>
<ul class="two">
<li>多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）多线程（Thread Runnable）</li>
<li>网络编程（UDP TCP Socket）</li>
<li>枚举类型</li>
<li>类的加载机制和反射（Reflect）</li>
</ul>
<ol>
<li>多线程（Thread Runnable）</li>
<li>网络编程（UDP TCP Socket）</li>
<li>枚举类型</li>
<li>类的加载机制和反射（Reflect）</li>
</ol>
</body>
</html>
列表
ul
list-style-type:circle; none square http://www.w3school.com.cn/cssref/pr_list-style-type.asp
ul li
list-style-image:url(xxx.jpg);
ul
list-style-position:inside;
ul {list-style : url(example.gif) square inside}
