红影 发表于 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
上下合起来，左右合起来，是的
对的，要加两边的数据，外加本体数据，才是裙子下摆的宽度{:4_173:}
马黑黑 发表于 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
对的，要加两边的数据，外加本体数据，才是裙子下摆的宽度
<style>
#mbox {
width: 50px;
height: 50px;
background: purple;
border: 100px solid silver;
border-bottom-color: pink;
}
</style>
<p>你的理解很到位。为了加深印象，再给一个演示实例：下面的盒子 mbox 是 50*50 的尺寸，紫色背景，边框都设置为 100px，左、上、右边框都是银色、下边框为粉红。试看效果：<br><br></p>
<div id="mbox"></div>
<p><br>直观看，粉色的下边框厚度即从紫色矩形底边到粉色梯形底边的距离是100px，这是统一设定的 border-width 的值；粉色梯形底边则是 250px，这是两边的 border-width + 紫色本体 width 的值。</p><p><br></p><p>代码放在楼下。</p>
楼上效果的代码
<style>
#mbox {
width: 50px;
height: 50px;
background: purple;
border: 100px solid silver;
border-bottom-color: pink;
}
</style>
<div id="mbox"></div>
红影 发表于 2023-3-29 14:34
我之前弄错啊，一直以为是在本体的线的中间。
边框边框，就在边上的条条框框
马黑黑 发表于 2023-3-29 17:15
那就是二般般？
幽默、幽默。
梦油 发表于 2023-3-29 20:16
幽默、幽默。
{:4_172:}
马黑黑 发表于 2023-3-29 17:16
没事的，一时找不着北对初学者来说正常
问题这个边框你都讲过的啊，我以为我学会了，结果是我理解错了。
马黑黑 发表于 2023-3-29 17:34
#mbox {
width: 50px;
height: 50px;
嗯，我昨天也是按你说的把透明的都换上颜色，然后才反应过来的。
border-bottom-color: pink;这个单独设定也是平时没注意到的。{:4_204:}
马黑黑 发表于 2023-3-29 17:42
边框边框，就在边上的条条框框
嗯，现在知道了。
红影 发表于 2023-3-29 22:00
嗯，现在知道了。
怎么学语文的{:4_170:}
红影 发表于 2023-3-29 22:00
嗯，我昨天也是按你说的把透明的都换上颜色，然后才反应过来的。
border-bottom-color: pink;这个单独设 ...
CSS有后面覆盖前面的功能。前面统一设置了颜色，后面再单独设计其中的一个，就可以达到预期目的
红影 发表于 2023-3-29 21:57
问题这个边框你都讲过的啊，我以为我学会了，结果是我理解错了。
正常的发呆，有创造能力的人会酱紫
马黑黑 发表于 2023-3-29 22:06
怎么学语文的
这个不一样，同样的字面，可以有不同的表达含义的。