CSS中的
- 用法
- 在CSS中,
- 標簽用于定義無序列表。
- 使用
- 標簽,可以使網頁的排版更加的美觀。
- 在使用
- 標簽時,需要用到相關的CSS樣式。
- 之前,HTML的列表以及縮進都是通過使用table標簽來實現的,而CSS提供了更靈活的控制樣式的方式。
- 使用CSS的
- 標簽,可以自定義列表的樣式、縮進以及間隔。
下面是一些常見的關于
- 標簽的樣式:
ul { list-style-type: circle; /* 列表項的樣式為圓形 */ margin-left: 40px; /* 左邊距為40px */ padding: 10px; /* 內間距為10px */ } ul li { margin-bottom: 5px; padding-left: 20px; /* 左邊距為20px */ text-indent: -15px; /* 第一行的文本縮進為-15px,以達到與圓點對齊的效果 */ list-style-position: outside; /* 將列表項的定位放在列表外部 */ } ul li:before { content: ""; /* 在列表項前面插入偽元素 */ display: inline-block; width: 10px; height: 10px; margin-right: 5px; background-color: blue; /* 自定義列表項的樣式為藍色小圓點 */ border-radius: 50%; }
以上樣式定義了一個帶藍色小圓點的有序列表,其展示效果如下:
- 第一項
- 第二項
- 第三項
- 第四項
上一篇css vh 計算高度
下一篇css var兼容