2021-11-21

css盒子

我们常说的盒子模型一般有四个属性

Border 值为边框的宽度,相当于现实中盒子的包装。

Padding 值为内边距,指盒子内容距离盒子边框的距离

Content 值为盒子的主要内容

Margin 值用于盒子与盒子之间,表示盒子与盒子之间的距离

border边框描述


border就是边框。边框有三个要素:像素(粗细)、线型、颜色

颜色默认是黑色。其余两个属性必须,否则显示不出来边框,复合属性如下:

border:10px solid  red;

注意: 盒子模型的顺序是 上右下左 ;border和background 和font一样的 也是一个复合属性;想让边框的粗细显示出来必须要规定边框的样式;边框的样式默认是黑色。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、Css、样式表和选择器 1.1、概述 CSS:Cascading(层叠) Style(样式) Sheets...
    TerryLiu05阅读 378评论 0 0
  • 1 html 基础 1. html头部 1.1 标题 2. 文字处理 2.1 标题 h1~h6 标题标签的特性: ...
    快乐2020阅读 182评论 0 1
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,634评论 0 6
  • # css: > 1. 学会使用CSS选择器 > 2. 熟记CSS样式和外观属性 > 3. 熟练掌握CSS各种选择...
    欣简书阅读 156评论 0 0
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握C...
    桃花兰岛主阅读 559评论 0 1