div+css格子广告代码 网站前端美化HTML代码

下面的这两段代码中，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>