CSS中無序列表樣式是通過ul和li標簽來實現的。
ul是無序列表標簽,li是列表中的每一項。
- 列表項1
- 列表項2
- 列表項3
樣式可以通過CSS來進行修改,如下所示:
ul{
list-style-type: none; /*去掉默認的圓點*/
}
li{
padding-left:20px; /*調整每一項的縮進*/
background:url(./images/arrow.png) no-repeat 0 50%;/*添加自定義圖標*/
}
其中list-style-type用于修改列表項前的符號,常見的取值有:
- circle: 實心圓
- square: 實心方塊
- disc: 空心圓
- none: 去掉符號
通過修改padding-left來控制每個列表項的縮進,使用background來添加自定義圖標。
下面是使用自定義圖標的無序列表樣式代碼:
ul{
list-style-type: none;
}
li{
padding-left: 20px;
background: url(./images/arrow.png) no-repeat 0 50%;
}
下一篇css無法選中字體