CSS基础-21CSS定位-浮动的应用,实现瀑布流布局
2015-08-01 17:14
876 查看
<!DOCTYPE html> <!--CSS定位-浮动的应用,实现瀑布流布局--> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link href="css03.css" type="text/css" rel="stylesheet"> </head> <body> <div id="mydiv1"> <ul> <li> <img src="images/item1.jpg"> </li> <li> <img src="images/item2.jpg"> </li> <li> <img src="images/item3.jpg"> </li> </ul> <ul> <li> <img src="images/item4.jpg"> </li> <li> <img src="images/item5.jpg"> </li> <li> <img src="images/item6.jpg"> </li> </ul> <ul> <li> <img src="images/item7.jpg"> </li> <li> <img src="images/item8.jpg"> </li> <li> <img src="images/item9.jpg"> </li> </ul> </div> </body> </html> css: * { margin: 0px; padding: 0px; } li { list-style: none; } #mydiv1 { width: 950px; height: auto; margin: 20px auto; } ul { width: 300px; float: left; }
相关文章推荐
- CSS基础-20CSS定位-浮动
- CSS基础-19CSS定位-定位
- CSS基础-18CSS盒子模型-盒子模型应用
- CSS基础-17CSS盒子模型-外边距合并
- CSS基础-16CSS盒子模型-外边距
- CSS基础-15CSS盒子模型-边框
- CSS基础-14CSS盒子模型-内边距
- CSS基础-13CSS盒子模型-概述
- django css
- CSS 整理(3)
- CSS 基础总结
- HTML——CSS样式表&布局页面
- html checkbox 自定义样式方法,原有的无法直接通过背景什么改变
- 用CSS做圆角矩形
- 不用css样式表和背景图片实现圆角矩形,超简洁!
- CSS样式做圆角
- 【CSS学习】CSS 边框
- CSS 整理(2)
- html/css的网页制作
- BootStray CSS代码