css盒子模型
盒子模型 盒子模型就是把HTML 页面中的元素看作是一个矩形的盒子,也就是一个盛装盒子的容器,每个矩形都是由元素的内容、内边距(padding)、边距(border)和外边距(margin)组成。 <div>标记 div是英文 division 的缩写,意为“分割、区域”。<div>是一个区块容器标记,可以将网页分割为独立的、不同的部分,以实现网页的规划和布局。大多数 HTML 标签都可以嵌套在 <div> 中,<div> 中还可以嵌套多层<div>。 盒子的宽与高 边框属性 设置内容 样式属性 常用属性 边框样式 border-style:上边[右边 下边 左边]; none 无(默认)、solid 单实线、dashed 虚线、dotted 点线、double 双实线 边框宽度 border-width:上边[右边 下边 左边]; 像素值 边框颜色 border-color:上边[右边 下边 左边]; 颜色值、#十六进制、rgb(r%,g%,b%) 综合设置边框 border:四边宽度 四边样式 四边颜色 圆角边框 border-radius:水平半径参数/垂直半径参数; 像素值或百分比 图片边框 border-images:图片路径 裁切方式/边框宽度/边框扩展距离 重复方式; 1.边框样式(border-style) 其基本语法格式:border-style