番禺企业网站建设,网站建设广州,广东省城乡和建设厅网站,HTML5做网站例子盒子模型
盒子#xff1a;页面中所有的元素#xff08;标签#xff09;#xff0c;都可以看做是一个 盒子#xff0c;由盒子将页面中的元素包含在一个矩形区域内#xff0c;通过盒子的视角更方便的进行页面布局盒子模型组成#xff1a;内容区域#xff08;content页面中所有的元素标签都可以看做是一个 盒子由盒子将页面中的元素包含在一个矩形区域内通过盒子的视角更方便的进行页面布局盒子模型组成内容区域content、内边距区域padding、边框区域border、外边距区域margin !DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0title盒子模型/titlestylediv {width: 200px; /* 宽度 */height: 200px; /* 高度 */box-sizing: border-box; /* 指定width height为盒子的高宽 */background-color: aquamarine; /* 背景色 */padding: 20px 20px 20px 20px; /* 内边距, 上 右 下 左 , 边距都一行, 可以简写: padding: 20px;*/ border: 10px solid red; /* 边框, 宽度 线条类型 颜色 */margin: 30px 30px 30px 30px; /* 外边距, 上 右 下 左 , 边距都一行, 可以简写: margin: 30px; */}/style
/headbodydivA A A A A A A A A A A A A A A A A A A A A A A A A A A A A A A A A A /div/body
/html
