下面的这两段代码中,box是横向的格子代码,box2是竖向的格子代码,可根据需求删除不需要的部分,宽度和高度也可以自定义修改,这些都是建站常用的代码,自己写有些麻烦,有这种现成的可以直接修改使用,很方便。
css代码:
<style type="text/css"> .box{border:0px solid #000; padding:2px; overflow:hidden; width:100%;} .box li{float:left; display:inline; margin:0 2px 2px 0; border:1px #dedede dashed; width:23%; height:25px; list-style:none;} .box2{border:0px solid #000; padding:2px;width:75px;} .box2 li{margin-top:2px; border:1px #dedede dashed; width:75px; height:25px; list-style:none;} </style>
DIV代码:
<ul class="box"> <li>广告一</li> <li>广告二</li> <li>广告三</li> <li class="last">广告四</li> </ul> <ul class="box2"> <li>广告一</li> <li>广告二</li> <li>广告三</li> <li>广告四</li> </ul>