实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<html>
2
<head>
3
<style type="text/css">
4
ul.inside 
5
{
6
list-style-position: inside
7
}
8
9
ul.outside 
10
{
11
list-style-position: outside
12
}
13
</style>
14
</head>
15
16
<body>
17
<p>该列表的 list-style-position 的值是 "inside":</p>
18
<ul class="inside">
19
<li>Earl Grey Tea - 一种黑颜色的茶</li>
20
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
21
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
22
</ul>
23
24
<p>该列表的 list-style-position 的值是 "outside":</p>
25
<ul class="outside">
26
<li>Earl Grey Tea - 一种黑颜色的茶</li>
27
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
28
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
29
</ul>
30
</body>
31
</html>
32