后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4230字,纯文字阅读大概需要7分钟。
内容图文
![后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/401/4ce714a4e574443993009adb51f7eb9f.jpg)
提示:背景应用于由内容和内边距、边框组成的区域。
一、CSS 内边距属性
属性 | 描述 |
padding | 简写属性。作用是在一个声明中设置元素的所内边距属性。 |
padding-bottom | 设置元素的下内边距。 |
padding-left | 设置元素的左内边距。 |
padding-right | 设置元素的右内边距。 |
padding-top | 设置元素的上内边距。 |
属性值:
二、CSS 边框属性
1、border
属性 | 描述 |
border | 简写属性,用于把针对四个边的属性设置在一个声明。 |
border-bottom | 简写属性,用于把下边框的所有属性设置到一个声明中。 |
border-left | 简写属性,用于把左边框的所有属性设置到一个声明中。 |
border-right | 简写属性,用于把右边框的所有属性设置到一个声明中。 |
border-top | 简写属性,用于把上边框的所有属性设置到一个声明中。 |
2、border-style
属性 | 描述 |
border-style | 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 |
border-bottom-style | 设置元素的下边框的样式。 |
border-left-style | 设置元素的左边框的样式。 |
border-right-style | 设置元素的右边框的样式。 |
border-top-style | 设置元素的上边框的样式。 |
属性值:
3、border-width
属性 | 描述 |
border-width | 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 |
border-bottom-width | 设置元素的下边框的宽度。 |
border-left-width | 设置元素的左边框的宽度。 |
border-right-width | 设置元素的右边框的宽度。 |
border-top-width | 设置元素的上边框的宽度。 |
属性值:
4、border-color
属性 | 描述 |
border-color | 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。 |
border-bottom-color | 设置元素的下边框的颜色。 |
border-left-color | 设置元素的左边框的颜色。 |
border-right-color | 设置元素的右边框的颜色。 |
border-top-color | 设置元素的上边框的颜色。 |
三、CSS 外边距属性
属性 | 描述 |
margin | 简写属性。在一个声明中设置所有外边距属性。 |
margin-bottom | 设置元素的下外边距。 |
margin-left | 设置元素的左外边距。 |
margin-right | 设置元素的右外边距。 |
margin-top | 设置元素的上外边距。 |
属性值:
auto:浏览器计算外边距。
length:规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。
%:规定基于父元素的宽度的百分比的外边距。
inherit:规定应该从父元素继承外边距。
四、外边距合并:
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
内容总结
以上是互联网集市为您收集整理的后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose全部内容,希望文章能够帮你解决后端码农谈前端(CSS篇)第六课:盒子模型_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。