欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css無序樣式

張吉惟1年前10瀏覽0評論

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%;
}