水吧飞行器

马黑黑

红影 发表于 2023-3-28 21:48
我知道你为什么说这个是个巨大的border了，因为120实际是240

上下合起来，左右合起来，是的

马黑黑

红影 发表于 2023-3-28 21:45
我对border的理解有误，一直以为是是边线向内的矩形，实际它是骑在线上的，而且本身就是三角形。当其余三 ...

margin的作用只是给主元素留外边距，与边框没有什么关系

红影

马黑黑 发表于 2023-3-28 22:36
边框就是本体之外的东东，这个好理解的

我之前弄错啊，一直以为是在本体的线的中间。

红影

马黑黑 发表于 2023-3-28 22:37
上下合起来，左右合起来，是的

对的，要加两边的数据，外加本体数据，才是裙子下摆的宽度

红影

马黑黑 发表于 2023-3-28 22:38
margin的作用只是给主元素留外边距，与边框没有什么关系

这个回复我收回，这个是之前我理解错的，留着它没编辑掉是为了给自己提醒的。

梦油

马黑黑 发表于 2023-3-28 21:04
一般般

嗬！可不是一般般啊。

马黑黑

梦油 发表于 2023-3-29 14:37
嗬！可不是一般般啊。

那就是二般般？

马黑黑

红影 发表于 2023-3-29 14:35
这个回复我收回，这个是之前我理解错的，留着它没编辑掉是为了给自己提醒的。

没事的，一时找不着北对初学者来说正常

马黑黑

红影 发表于 2023-3-29 14:34 对的，要加两边的数据，外加本体数据，才是裙子下摆的宽度

你的理解很到位。为了加深印象，再给一个演示实例：下面的盒子 mbox 是 50*50 的尺寸，紫色背景，边框都设置为 100px，左、上、右边框都是银色、下边框为粉红。试看效果：

直观看，粉色的下边框厚度即从紫色矩形底边到粉色梯形底边的距离是100px，这是统一设定的 border-width 的值；粉色梯形底边则是 250px，这是两边的 border-width + 紫色本体 width 的值。

代码放在楼下。

马黑黑

楼上效果的代码

1. <style>
   
2. #mbox {
   
3.         width: 50px;
   
4.         height: 50px;
   
5.         background: purple;
   
6.         border: 100px solid silver;
   
7.         border-bottom-color: pink;
   
8. }
   
9. </style>
   
10. 
    
11. <div id="mbox"></div>

复制代码

马黑黑

红影 发表于 2023-3-29 14:34
我之前弄错啊，一直以为是在本体的线的中间。

边框边框，就在边上的条条框框

梦油

马黑黑 发表于 2023-3-29 17:15
那就是二般般？

幽默、幽默。

马黑黑

梦油 发表于 2023-3-29 20:16
幽默、幽默。

红影

马黑黑 发表于 2023-3-29 17:16
没事的，一时找不着北对初学者来说正常

问题这个边框你都讲过的啊，我以为我学会了，结果是我理解错了。

红影

马黑黑 发表于 2023-3-29 17:34
#mbox {
        width: 50px;
        height: 50px;

嗯，我昨天也是按你说的把透明的都换上颜色，然后才反应过来的。
border-bottom-color: pink;这个单独设定也是平时没注意到的。

红影

马黑黑 发表于 2023-3-29 17:42
边框边框，就在边上的条条框框

嗯，现在知道了。

马黑黑

红影 发表于 2023-3-29 22:00
嗯，现在知道了。

怎么学语文的

马黑黑

红影 发表于 2023-3-29 22:00
嗯，我昨天也是按你说的把透明的都换上颜色，然后才反应过来的。
border-bottom-color: pink;这个单独设 ...

CSS有后面覆盖前面的功能。前面统一设置了颜色，后面再单独设计其中的一个，就可以达到预期目的

马黑黑

红影 发表于 2023-3-29 21:57
问题这个边框你都讲过的啊，我以为我学会了，结果是我理解错了。

正常的发呆，有创造能力的人会酱紫

红影

马黑黑 发表于 2023-3-29 22:06
怎么学语文的

这个不一样，同样的字面，可以有不同的表达含义的。