📄 css1_5.htm
字号:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><link rel="StyleSheet" href="../chn.css" type="text/css"><style> BODY {margin-left: 2em} LI.upperroman {list-style-type: upper-roman} LI.lowerroman {list-style-type: lower-roman} LI.upperalpha {list-style-type: upper-alpha} LI.loweralpha {list-style-type: lower-alpha} LI.disc {list-style-type: disc} LI.circle {list-style-type: circle} LI.decimal {list-style-type: decimal} LI.square {list-style-type: square} </style><title>列表方式控制</title></head><body background="../images/background.gif" bgcolor="#FFFFFF"><p align="center"><a href="../index.htm"><img src="../images/title.gif" alt="title.gif (2221 bytes)" border="0" WIDTH="380" HEIGHT="56"></a></p><p align="center"><font color="#FF0000">CSS入门</font></p><table border="0" width="100%"> <tr> <td width="11%" align="right"><img src="../images/blue-rect.jpg" alt="blue-rect.jpg (3374 bytes)" WIDTH="20" HEIGHT="20"></td> <td width="89%" bgcolor="#D5F8CD">列表方式控制</td> </tr> <tr> <td width="11%" align="right"></td> <td width="89%">这一节唯一我们将要讨论的是如何用 CSS 来改变列表前的标识。我们知道有两种列表：有序和无序。有序列表用阿拉伯数字为标识， 无序列表用黑色小圆圈来做标识。用 CSS 的 list-style-type 这两种列表的标识都可以有四种选择： <pre>无序： disc, circle, square, decimal有序： upper-roman, lower-roman, upper-alpha, lower-alpha.</pre> <p>假如你想叫有序列表的标识为大小罗马字母 </p> <pre> LI.upperroman {list-style-type: upper-roman}</pre> <p>请看下面的比较 </p> <table width="400"> <tr> <td bgcolor="#FFFFCC"><ul> <li class="disc">disc </li> <li class="circle">circle </li> <li class="square">square </li> <li class="decimal">decimal </li> </ul> </td> </tr> </table> <table width="400"> <tr> <td bgcolor="#FFFFCC"><ol> <li class="upperroman">大写罗马 </li> <li class="lowerroman">小写罗马 </li> <li class="upperalpha">大写字母 </li> <li class="loweralpha">小写字母 </li> </ol> </td> </tr> </table> </td> </tr></table><hr><p align="right"><a href="css1_4.htm"><img src="../images/back-button-off.gif" alt="上一页--文字间的空间和修饰" border="0" WIDTH="31" HEIGHT="31"></a><a href="css1_6.htm"><img src="../images/forward-button-off.gif" alt="下一页--颜色与背景" border="0" WIDTH="31" HEIGHT="31"></a></p><p align="center"><a href="index.htm">返回CSS教程目录</a></p><p align="c⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -