margin border

CSS边框属性:

border不能分别定义4个边框的宽度,颜色和样式,只能统一定义,不可以对四个边设置不同的值,和margin与padding是不同的(后两者可以分别定义四个边的值).

border-top -- 定义上边框样式

border-right -- 定义右边框样式

border-bottom -- 定义下边框样式

border-left -- 定义左边框样式

CSS的margin属性:

边框的外面可以有一层边外补白(margin),边外补白可以把块级元素分开.边外补白定义了围绕某种元素(elements)的空白.

边外补白分为上边外补白(top),下边外补白(bottom),左边外补白(left),右边外补白(right).

边外补白(margin)只有宽度width一种属性.

适用于: 所有元素,除了 table-caption, table 和 inline-table

margin,中文"边、页边"的意思

如果margin属性后面跟随四个值,那么值的分配顺序是从上面开始以顺时针旋转分配

CSS中padding属性

边框的里面可以有一层边内补白(padding),边内补白定义了边框与边框里面内容的距离.

边内补白分为上边内补白(top),下边内补白(bottom),左边内补白(left),右边内补白(right).

边内补白只有width一种属性.

*padding边内补白可以取负值;边内补白是看不到的,因为它本身是透明的*

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,691评论 1 92
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 8,603评论 0 5
  • 一.CSS描述 CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTM...
    snowy_sunny阅读 4,763评论 0 4
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,893评论 0 2
  • 文/樊荣强 一 我有一个朋友,专门从事礼仪培训。有一天,她告诉说今天累了一整天,为一些机关干部上课,但是发现他们根...
    樊荣强阅读 3,318评论 3 7

友情链接更多精彩内容