如何实现HTML的ul缩进效果

<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>

这种布局一般都是写固定宽度和高度的。如果真的根据屏幕大小自动缩放图片，会更难看的。

*{margin:0padding:0}

.bg_5{clear:bothwidth:630pxheight:140px}

.bg_5 li{float:leftlist-style:nonewidth:125pxheight:130pxdisplay:inline}

.bg_5 img{width:125pxheight:135pxborder:0}

</style>