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

一款常用到的CSS+DVI布局

Nov222013
作者：欧阳   发布：2013-11-22 13:04   分类：CSS+DIV     抢沙发  

一款常用到的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>

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

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

您可能还会对这些文章感兴趣！

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

发表评论

快捷键：Ctrl+Enter