前端開發時會用到ul li 串列來進行資料的展示等,這里記錄一些格式的修改
去掉默認情況下前面的圓點
ul{list-style:none;}
橫向展示排列
li{float: left;}
修改為圓點之外的樣式
這里指定的是空心圓
li{
/*float: left;*/
list-style-type: circle;
}
下面給出其他型別:
| 值 | 描述 |
|---|---|
| circle | 空心圓 |
| none | 不使用 |
| disc | 默認,實心圓 |
| square | 實心方塊 |
| decimal | 阿拉伯數字 |
| lower-roman | 小寫羅馬數字 |
| upper-alpha | 大寫英文字母 |
更改圓點樣式為圖片
li{
list-style-type:none;
list-style-image: url(url);
}
暫時總結這一些,之后遇到了再加上,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/262062.html
標籤:其他
下一篇:Js函式
