css里面border,css border padding

大家好,我又回来了。你想我吗

(肯定不是吧)

至于CSS为什么要改名,那是因为我们在第一季完成了我们的html课程!

(完花!

)

今天,我们当然要讨论与元素边框相关的样式。桌子上方:

Border4 border margin用于设置所有外部边距属性,padding用于设置所有内部边距属性。

p>

border,margin,padding 这些都是围绕元素的样式,我可以用 一张图 来表示他们之间的关系。

比如这里有一个红色的块元素:

接下来打开网页,点击 F12 键

跳出这样的一个会显示源代码的界面(如果不一样没关系,作者用的是chrome)点击到你的 div元素 ,仔细看右边这张图:

上面的是样式,底下的那张图就是这三者的关系。

mragin 和 padding 都可以一起定义 上下左右 各是多少,也可以分别定义。例如 margin-top、padding-left 等。

但是如果定义的值不到四个的话,会有不同的效果。

定义的值数量 每个值分别表示什么  举例
1个  上下左右是多少 margin:9px;
2个 上下、左右各是多少 margin:9px 8px;
3个 上、左右、下各是多少 margin:9px 8px 4px;
4个 上、左、下、右各是多少 margin:9px 8px 4px auto;

我们举个例子:如何让一段文字在一个正方形块元素中居中呢?

我们就要调整这个元素的padding-top来把文本“挤”下去。

这就是今天的全部内容,这是html中很重要的一块,所以要详细讲解。




作者:

    

Алексей

       四五帮帮主,四五dark♂帝国元首(划掉)

喜欢HTML/CSS/JS

07年出生,福建福州人,未来的程序员

素描八级,但是还是要请美工

本来想做小程序,结果开了个公众号天天在那边写稿



wawjf

(我爱微积分)


与楼上同班同学,都是很hj的人(是的


动态分享

不务正业小45的Premiere教程第三弹——开始剪辑,Premiere剪辑

2022-6-15 9:30:13

动态分享

每个问题的答案都是——00000c。

2022-6-15 13:04:37

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索