第012讲 盒子模型经典应用
2015-06-28 12:32
513 查看
1. 盒子模型
ul 中 li 默认有距离:
ul 中 li 默认有距离:
.faceul{ width:300px; height:250px; border:1px solid red; padding-left:0px; //清边距 }
<html> <head> <link rel="stylesheet" type="text/css" href="aa.css"> </head> <body> <!-- div 在布局中启动控制整个内容显示的位置--> <div class="div1"> <!-- ul 在布局中作用是可以控制显示内容的多少--> <ul class="faceul"> <li> <img src="2.png"/> </li> <li> <img src="2.png"/> </li> <li> <img src="2.png"/> </li> <li> <img src="2.png"/> </li> <li> <img src="2.png"/> </li> <li> <img src="2.png"/> </li> </ul> </div> </body> </html>
.div1{ width:500px; height:300px; border:1px solid gray; margin:5px 0px 0px 50px; padding-left:50px; } .faceul{ width:500px; height:250px; border:1px solid red; padding-left:0px; } .faceul li{ list-style-type:none; float:left;/*左浮动*/ width:50px; height:52px; border:1px solid red; margin-right:5px; margin-top:5px; margin-left:5px; } .faceul li img{ width:40px; height:40px; margin-left:5px; margin-top:5px; }
相关文章推荐
- Android四大组件之内容提供者--ContentProvider
- JAVA中在类中声明方法的时,public void dog和直接void dog有什么区别?
- mysql 实现行号的方法——如何获取当前记录所在行号
- 使用python一步一步搭建微信公众平台
- 二叉树的遍历
- JavaScript 编写多线程代码引用Concurrent.Thread.js(转)
- 解决 运行java程序时 出现 cannot find main class
- nginx访问控制、rewrite应用、代理设置
- EL表达式使用之类switch语句
- java中的void有什么作用啊?构造方法与方法有什么区别呢?
- C++跟我一起透彻理解虚函数表
- hdu 4612 Warm up (边BCC缩点、带重边)
- struts2 标签使用 iterator 嵌套使用设置默认值 s:radio 设置默认值
- 大话设计模式C++版——建造者模式
- ZooKeeper 笔记(4) 实战应用之【消除单点故障】
- 大话设计模式C++版——建造者模式
- python中getaddrinfo()基本用法实例分析
- VirtualBox下快速创建新的虚拟机(一)——复制vdi文件
- EBGP与IBGP的区别
- <s:select 标签的设置宽度的问题