当前位置: 首页 > CSS+DIV > 正文

一款常用到的CSS+DVI布局

一款常用到的CSS+DVI布局

1、CSS部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<style type="text/css">
<!--
UL{
    list-style-type: none   /*不使用项目符号*/
}
UL,OL,LI{
    padding: 0px;
    margin: 0px;
}
LI{
    float:left; width:190px; height:190px; border:5px solid #FF0000;
}
-->
</style>

2、主体部分

1
2
3
4
5
6
7
8
9
10
11
<div style="border: 5px solid #000000; width: 600px; height: 100%;">
<ul>
    <li>123</li>
    <li>456</li>
    <li>789</li>
    <li>123</li>
    <li>456</li>
    <li>789</li>
</ul>
<div style="clear: both;"></div>
</div>

本文固定链接: http://www.ouchaoman.com/2013/11/22/a-commonly-used-to-cssdvi-layout/ | 欧阳博客

该日志由 欧阳 于2013年11月22日发表在 CSS+DIV 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 一款常用到的CSS+DVI布局 | 欧阳博客
关键字:

一款常用到的CSS+DVI布局:等您坐沙发呢!

发表评论

快捷键:Ctrl+Enter