CSS盒子模型
来源:互联网 发布:jsp写java方法 编辑:程序博客网 时间:2024/06/05 17:23
盒子模型
margin: 外边距
margin-top、margin-right、margin-bottom、margin-left
使用方式:
(1)margin:30px;表示上下左右外边距都留白30px
(2)margin-left:30px;单独设置上下左右外边距
(3)margin:10px 20px 30px 40px;分别设置上下左右四个外边距为10px 20px 30px 40px
<styletype="text/css">
div{
width: 200px;
height: 200px;
background-color:maroon;
margin: 10px 20px30px40px;
}
</style>
padding:内边距
也有上下左右边距,和margin类似。
border:边框
solid 实线
double 双实线
dotted 点虚线
dashed 虚线
border-width 边框宽度
border-style 边框样式
border-color 边框颜色
word中设置边框的操作
也可以使用更优化的书写方式
border:10px dashed blue
outline: 轮廓线
阅读全文
1 0
- 理解CSS盒子模型
- 盒子模型 css
- css盒子模型
- CSS盒子模型
- CSS核心--盒子模型
- CSS核心--盒子模型
- CSS盒子模型
- CSS盒子模型
- DIV+CSS盒子模型
- CSS盒子模型
- css盒子模型
- CSS盒子模型介绍
- CSS+DIV 盒子模型
- CSS盒子模型
- CSS 盒子模型
- CSS盒子模型
- CSS盒子模型详解 .
- css中的盒子模型
- 随机生成加减乘除混合运算加减乘除数学式子题目答案批量生成工具软件使用方法
- Golang教程:(二十)并发介绍
- 10018---Java并发编程——锁与可重入锁
- Windows系统的MBR磁盘分区--MBR的结构和作用(二)
- python序列化模块json和pickle
- CSS盒子模型
- mysql 慢查询日志导致时间无效的假象
- nodejs学习笔记-2-mysql
- css的选择器
- js运动技术--链式运动框架
- 定位:static、fixed、relative、absolute
- 计算两日期相差几天
- submit,re,eval
- 深入了解MyBatis参数