Html 结合装箱尺寸应用边框

Html 结合装箱尺寸应用边框,html,css,Html,Css,是否可以减小边框顶部宽度?我使用的是装箱尺寸,所以箱子是对齐的。我想要这样: 但是当我将边框顶部应用到div时,te div之间仍然有一个空格,但是边框没有顶部。 有什么解决办法吗?根据你的图片,我做了这个例子 .main容器{ 宽度:998px; 高度:自动; } .盒子{ 宽度:200px; 高度:200px; 边框顶部:2个实心#b40505; 浮动:左; 背景:#fefbdf; 保证金:5px; } Border没有给出关于填充的F*,在列中,您必须创建一个新的div,将内容放入其

是否可以减小边框顶部宽度?我使用的是装箱尺寸,所以箱子是对齐的。我想要这样:

但是当我将边框顶部应用到div时,te div之间仍然有一个空格,但是边框没有顶部。


有什么解决办法吗?

根据你的图片,我做了这个例子

.main容器{
宽度:998px;
高度:自动;
}
.盒子{
宽度:200px;
高度:200px;
边框顶部:2个实心#b40505;
浮动:左;
背景:#fefbdf;
保证金:5px;
}

Border没有给出关于填充的F*,在列中,您必须创建一个新的div,将内容放入其中

看看我的靴子,你会明白的


请把代码放到JSFIDLE中好吗?我认为更清楚的是要理解,因为你说的问题是边框顶部,但也许你有第一和第二个div宽度的问题。我不确定你说“边框不顶部”是什么意思。对方框使用
边距
而不是
填充
@arnauguandall我会得到一个代码online@ChristianVarga意味“停止”我的坏习惯。