📄 8.3.6.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">列表属性</h2>
<p>列表属性用于设置网页中列表的格式，例如可以设置图像作为项目符号。CSS 中的列表属性包括 list-style、list-style-image、list-style-position
以及 list-style-type。</p>
<p>
list-style-image 属性使网页设计者可以指定图片作为列表项目的符号，取值为 url(imageurl) | none，默认值为 none。<p>
list-style-position 属性可以设置列表元素标记的位置，取值可以是 inside 或 outside，默认值是outside。该值指定了相对于列表中其它文本的位置--如果选择
outside，标记就按规定出现在所有列表元素的外部；如果选择 inside，标记就位于列表元素的文本内部。<p>
list-style-type 属性可以用来设置项目符号和编号的样式，取值如表 8.2 所示。
<p> <div align=center>表 8.2 list-style-type 属性的取值</div>
<p> <center>
<table BORDER cellspacing=1 cellpadding=9 width=449>
<tr>
<td width="35%" valign="TOP" height=23>
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">样式</font></b>
</div>
</td>
<td width="65%" valign="TOP" height=23>
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">说明</font></b>
</div>
</td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">disc</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">默认值；实心黑点</font>
</td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">circle</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">空心圆圈</font>
</td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">square</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">方形黑块</font>
</td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">decimal</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>十进制数（</font><font size=1>1</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>2</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>3</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>4
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>等等）</font> </td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">lower-roman</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>小写罗马数字（</font><font size=1>I</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>ii</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>iii</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>iv
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>等等）</font> </td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">upper-roman</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>大写罗马数字（</font><font size=1>I</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>II</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>III</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>IV</font><font face="宋体,SimSun" lang="ZH-CN" size=1>，</font><font size=1>V
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>等等）</font> </td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">lower-alpha</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>小写字母（</font><font size=1>a</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>b</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>c</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>d
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>等等）</font> </td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">upper-alpha</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>大写字母（</font><font size=1>A</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>B</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>C</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>D
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>等等）</font> </td>
</tr>
<tr>
<td width="35%" valign="TOP">
<div align="center"><font size="1">none</font> </div>
</td>
<td width="65%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">无</font>
</td>
</tr>
</table>
<p></center>
<p>list-style 属性用于一次性地指定以上的 list-style-image、list-style-type 和 list-style-position
属性（不限顺序）。如果同时指定了 list-style-type 和 list-style-image 属性，则只有当浏览器不能显示图片作为项目符号时，list-style-type
才生效。
<p> 以下示例显示了列表属性的用法。
<p><a href="../src/tu8.13.htm" target="_blank">示例 </a>
<p>
<p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -