列表及列表属性(css)

无序列表

<ul>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>

1.默认黑色实心圆

2.type:disc(黑色实心圆) circle(空心圆) square(黑色正方形) none

有序列表

<ol type="A" start="4">
   <li>有序列表</li>
   <li>有序列表</li>
</ol>

type:1,a,A,i,I   start只能是数字

ul ol标签里只能套li标签,li里面可以随便套入

自定义列表

<dl>
  <dt>可以是文字也可以是图片</dt>
  <dd>相关文字</dd>
</dl>

dl>dt>dd

列表属性

定义列表符合样式            list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉符号)

将图片设置为列表符合样式      list-style-image:url(图片路径)

设置列表项标记的放置位置    list-style-position:outside(列表外面   默认值)

                        inside(列表里面)

符合属性            list-style:前三个属性可以随便调换位置

posted @   故塔拉黑暗之神  阅读(15)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示