<div+css页面布局课堂笔记>2---页面布局的盒子模型
来源:互联网 发布:苏联东芝事件知乎 编辑:程序博客网 时间:2024/05/21 09:04
1.盒子的样式格式:
边框:border;
内部填充:padding;
外部边距:margin;
宽度:width;
高度:height。
例子:
<head>
<style>
.box {
border:1px solid blue;
width:300px;
height:300px;
padding:10px; 四边
/*
padding: 10px; 四边。
padding:10px 20px; 上下10px, 左右 20px。
padding:10px 20px 30px; 上10px 左右20px 下30px。
padding:10px 20px 30px 40px; 上右下左。
padding-top:
padding-left:
padding-bottom:
padding-right:
*/
margin-left:20px;
/*
margin:0 0 0 20px;上右下左
*/
}
</style>
</head>
<body >
<div class="box">
我是谁?
我是谁?
我是谁?
</div>
</body>
0 0
- <div+css页面布局课堂笔记>2---页面布局的盒子模型
- <div+css页面布局课堂笔记>3---页面布局的盒子模型(IE与其他浏览器区别)
- <div+css页面布局课堂笔记>4---与盒子相关的CSS属性
- <div+css页面布局课堂笔记>5---与盒子相关的CSS属性第二部分
- <div+css页面布局课堂笔记>6---与盒子相关的CSS属性第三部分
- <div+css页面布局课堂笔记>1---div+css对页面布局的优势
- <div+css页面布局课堂笔记>8---页面浮动设计
- CSS布局页面之盒子模型
- <div+css页面布局课堂笔记>9---页面布局网站首页设计实例__1
- <div+css页面布局课堂笔记>10---页面布局网站首页设计实例__2
- asp.net-css页面布局的应用-经典盒子模型
- css之页面布局的w3c盒子模型
- <div+css页面布局课堂笔记>7---登录和注册界面的实现
- [DIV/CSS] CSS页面布局笔记
- CSS+DIV页面布局
- div+css页面布局
- div+css页面布局
- CSS/DIV页面布局----
- ios开发-storyboard所遇到的坑
- Lock与Synchronized的比较
- Android 如何避免Handler引起内存泄露
- Android中style的使用2,样式的继承(借鉴css思想)
- error while loading shared libraries libSDL-1.2.so.0
- <div+css页面布局课堂笔记>2---页面布局的盒子模型
- JAVA中Object的equals和hashCode的关联
- 计算机为什么要用补码?
- Dubbo使用demo
- 用jQuery给表格添加样式
- c++常见问题
- lua 中pairs 和 ipairs区别
- 栈实现四则运算
- CSS3中的3D旋转 rotate、3D位移 translate