
这张图清晰的解释了这几个量的区别,详细内容参考链接:http://www.w3school.com.cn/css/css_boxmodel.asp。
总而言之,
width : 设置的是元素element的宽度,即最为基础核心的部分。
padding : 内边距,
border : 边框。
margin : 外边距,
所以,以border 为限,边框内的空白部分即为padding 设置的值, 边框外的空白部分即为margin 设置的值。
这张图清晰的解释了这几个量的区别,详细内容参考链接:http://www.w3school.com.cn/css/css_boxmodel.asp。
总而言之,
width : 设置的是元素element的宽度,即最为基础核心的部分。
padding : 内边距,
border : 边框。
margin : 外边距,
所以,以border 为限,边框内的空白部分即为padding 设置的值, 边框外的空白部分即为margin 设置的值。
本文标题:CSS border,padding,margin,width
本文链接:https://www.haomeiwen.com/subject/ryuseftx.html
网友评论