在css中,用一个例子来演示列表的概念.
时间: 2024-03-27 14:40:18 浏览: 45
css float属性_动力节点Java学院整理
在CSS中,我们可以使用`list-style`属性来控制列表的样式。下面是一个使用无序列表(`<ul>`)和有序列表(`<ol>`)的例子:
```html
<!-- 无序列表 -->
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
```
默认情况下,无序列表项前面会显示一个实心圆点,有序列表项前面会显示一个数字。我们可以使用`list-style-type`属性来改变列表项的标记类型,例如:
```css
ul {
list-style-type: square; /* 使用正方形作为标记 */
}
ol {
list-style-type: lower-roman; /* 使用小写罗马数字作为标记 */
}
```
以上CSS代码会将无序列表项的标记类型改为正方形,将有序列表项的标记类型改为小写罗马数字。
阅读全文