html里面什么是盒子

html里面什么是盒子,第1张

概述html里面什么是盒子

HTML里的盒子:1、【margin】合起来写的属性;2、【border】边框合写的属性;3、【padding】上右下左, 对边补齐。

本教程 *** 作环境:windows7系统、HTML5版,DELL G3电脑,该方法适用于所有品牌电脑。

HTML里的盒子:

1、margin 合起来写的属性

4个

当你写一个的时候,四个全部相同

两个的时候,上右,对边补齐

三个的时候,上右下,对边补齐

margin-top margin-right margin-bottom margin-left

这四个属性可以单独的拿出来写

2、border 边框 合写的属性

border-color 颜色

border-top-color: ;

border-left-color:

border-style 样式

也分上下左右

border-wIDth 宽度

也分上下左右

写的时候不需要区分顺序

3、padding

上右下左

对边补齐

定义的wIDth和height只是content部分

padding和border会把盒子撑大

盒子的大小 content+padding+border

实例

<!DOCTYPE HTML><HTML> <head>  <Meta charset="UTF-8">  <Title>框模型</Title>  <link rel="stylesheet" type="text/CSS" href="CSS/day03.CSS"/> </head> <body><div class="d04_01">今天星期三</div>       </body></HTML>

结果

相关学习推荐:html视频教程

总结

以上是内存溢出为你收集整理的html里面什么是盒子全部内容,希望文章能够帮你解决html里面什么是盒子所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1010333.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-22
下一篇2022-05-22

发表评论

登录后才能评论

评论列表(0条)

    保存