css教程

CSS盒子 margin外边距padding内边距border边框

我的站长站 2020-07-12 人阅读

以前应聘前端工作的时候,考官总喜欢问CSS盒子是什么?其实就是margin外边距和padding内边距,外加一个border边框,换了个神奇的叫法。

margin外边距

外边距的意思就是,元素向外的距离。

代码示例

margin:10px;

CSS盒子 margin外边距padding内边距border边框

文字代表元素本身,黄色代表外边距。

padding内边距

内边距跟外边距相反,元素向内的距离。

代码示例

padding:10px;

CSS盒子 margin外边距padding内边距border边框

内边距也就是上面图片绿色地方,文字自身的宽高会变大。

border边框

给元素添加边框,可选边框样式、边框宽度、边框颜色值,很简单理解。

代码示例

border-width:5px;
border-style:solide;
border-color:red;

高手一般都是简写

border:5px solid red;
相关专题
css
css
2021-09-24 79

css是前端开发中的样式语言,学好CSS可以帮助开发出漂亮的模板,css专题为您整理本站所有css相关信息,包含css模板下载,css使用教程分享和css示例代码....

相关推荐
  • CSS语法
  • CSS * 选择器

    在CSS中选择器中“*”,代表选择全部元素,我们通常用它来处理全部重置样式使用,其他地方很少使用了。语法语义选择全部元素,也可以选择另一个元素内的所有元素兼容性兼容所有浏览器语法代码示例*{padding:0px;margin:0px;}div *{background-color:yellow;...

    css教程 90 4年前
  • CSS文字超出省略号显示

    帝国CMS标题超出省略号显示可以用:<?=esub($bqr[title],32,'...')?> 但有的地方却不是标题,但也想实现文章超出省略号显示。这里给大家介绍的是利用CSS来达到效果。 HTM...

    css教程 343 11年前
  • CSS字间距样式语法教程

    做网站后,为了外观美观,我们可以通过CSS控制字间距。就是使用CSS的letter-spacing属性来控制。CSS写法:letter-spacing:10px;(后面字数是二字之间的间距值)举例:<style>p{letter-spacing:10px;}</style><p>段落文字段落文字段落文字</p>...

    css教程 203 5年前
最新更新