简单css盒⼦模型代码,【css】盒⼦模型(⽰例代码)1)盒⼦构成
·盒⼦中装载的内容--content
·盒⼦内边距--padding
·盒⼦边框--border
·盒⼦外边距--margin
2)盒⼦属性
margin属性值可以为百分比⼀般情况下,在使⽤盒⼦的时候,属性分为复合属性(顺序为上右下左)和单⼀属性
在使⽤盒⼦的时候:width、style、color缺⼀不可2.1)尺⼨
属性:
·width min-width max-width
·height min-height max-height
参数:
:⽤长度值来定义⾼度。不允许负值
:⽤百分⽐来定义⾼度。不允许负值
2.2)内边距
属性:
·padding padding-top padding-right padding-bottom padding-left
参数:
⽤长度值来定义⾼度。不允许负值
:⽤百分⽐来定义⾼度。不允许负值
2.3)外边距
属性:
margin margin-top margin-right margin-bottom margin-left
参数:
:⽤长度值来定义⾼度。可以为负值
:⽤百分⽐来定义⾼度。可以为负值
2.4)边框
属性:
border border-width border-style border-color
border-top border-top-width border-top-style border-top-color border-right border-right-width border-right-style border-right-color border-left border-left-width border-left-style border-left-color
边框的style⼀般使⽤2种:
dotted:点状轮廓
dashed:虚线轮廓
solid:实线轮廓
double:双线轮廓。两条单线与其间隔的和等于指定的border-width值
本⽂出⾃ “孔⼩发爱吃鱼” 博客,谢绝转载!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。