如何实现HTML的ul缩进效果

如何实现HTML的ul缩进效果,第1张

方法一:

<ul style="margin-left:100px">

<li>A</li>

<li>B</li>

<li>C</li>

</ul>

注:具体的像素值根据需求定。

方法二:

<ul><li>A</ul>

<ul><li style=" list-style:nonetext-indent:-20px">B</ul>

<ul><li style=" list-style:nonetext-indent:-20pxwidth:60pxborder:1px #0033FF solid">C</ul>

注:不显示项目编号符号。

方法三:

<style type="text/css">

ul{margin-left:60px}

</style>

如果是列表前面小点的形状的话就这么写

ul {list-style-type : disc}

如果是改变整个ul的形状的话

首先要申明它是块级元素。然后

ul{border-radius:100%}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6115514.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存