Fatal编程技术网
  • html/
  • html表中的行

html表中的行

html css

html表中的行,html,css,border,padding,Html,Css,Border,Padding,我试图在html中同时使用填充和边框底部来获取此表： 但为了使边界底部有一行，我添加了边界折叠：折叠现在我没有填充，我怎么能同时使用它们呢？ 以下是我的html代码： <html> <head> <link rel="stylesheet" type="text/css" href="exe2CSS3.css"> </head> <body> <table> <div> <tr> <th&g

我试图在html中同时使用
填充
和
边框底部
来获取此表：

但为了使边界底部有一行，我添加了
边界折叠：折叠现在我没有填充，我怎么能同时使用它们呢？


以下是我的html代码：


<html>
<head>
<link rel="stylesheet" type="text/css" href="exe2CSS3.css">
</head>
<body>
<table>
<div>
<tr>
<th>Item</th>
<th>Manufacturer</th>
<th>Size</th>
<th>Unit Price</th>
<th>Quantity</th>
<th>Total Price</th>
</tr>
<tr class="even">
<td>Corn Flakes</td>
<td>Kellogg's</td>
<td>18 oz.</td>
<td class="center">2.50</td>
<td class="center">1</td>
<td class="center">2.50</td>
</tr>
<tr class="odd">
<td>Solid White Tuna</td>
<td>Starkist</td>
<td>5 oz</td>
<td class="center">2.79</td>
<td class="center">2</td>
<td class="center">5.58</td>
</tr>
<tr class="even">
<td>Cream of Mushroom Soup</td>
<td>Campbell's</td>
<td>10.75 oz</td>
<td class="center">1.00</td>
<td class="center">2</td>
<td class="center">2.00</td>
</tr>
<tr class="odd">
<td>2% Lowfat Milk</td>
<td>Safeway</td>
<td>0.5 gal</td>
<td class="center">1.99</td>
<td class="center">1</td>
<td class="center">1.99</td>
</tr>
<tr class="even line">
<td>Extra-Wide Egg Noodles</td>
<td>Golden Grain</td>
<td>12 oz</td>
<td class="center">0.87</td>
<td class="center">3</td>
<td class="center">2.61</td>
</tr>
<tr class="hide">
<th>Total</th>
<th></th>
<th></th>
<th></th>
<th class="center">9</th>
<th class="center">14.68</th>
</tr>
</div>
</table>
</body>
</html>


这有用吗

使用
表格边框间距：0


tr.line td {
  border-top: 2px solid black;
}


工作





表格{
字体系列：Tahoma；
字体大小：13px；
边框：10px实心#d0ff；
利润率：25px 0 0 25px；
填充：20px 20px 20px 20px；
边界间距：0；
}
th{
文本对齐：左对齐；
填充：0 10px；
}
td，th{}
.中心{
文本对齐：居中；
}
运输署{
填充：0 10px；
}
tr.line td{
边框顶部：2件纯黑；
}



A.
B
C
D
AA
BB
科科斯群岛
DD
AA
BB
科科斯群岛
DD
AA
BB
科科斯群岛
DD
AA
BB
科科斯群岛
DD
AA
BB
科科斯群岛
DD
和C
总和D

HTML表与div具有不同的
display
属性，它们的行为也不同



表格{
边界塌陷：塌陷；
}
t车身{
底部边框：2件纯黑；
边界塌陷：分离；
边界间距：4px；
}



名字
姓氏
要点
前夕
杰克逊
94
前夕
杰克逊
94
前夕
杰克逊
94
全部的
282

您的HTML和CSS中有错误。纠正这些错误后，只需设置
边框间距：0
，而不是
边框折叠：折叠
。那么它似乎工作得很好



表格{
字体系列：Tahoma；
字体大小：13px；
边框：10px实心#d0ff；
利润率：25px 0 0 25px；
边界塌陷：分离；
边界间距：0；
填充：20px；
}
th，td{
文本对齐：左对齐；
填充：0 10px；
}
第三中心，运输署中心{
文本对齐：居中；
}
tbody tr：最后一个孩子td{
底部边框：2件纯黑；
}



项目
制造商
大小
单价
量
总价
玉米片
家乐氏
18盎司。
2.50
1.
2.50
纯白金枪鱼
塔基斯特
5盎司
2.79
2.
5.58
奶油蘑菇汤
坎贝尔
10.75盎司
1
2.
2
2%低脂牛奶
西夫韦
0.5加仑
1.99
1.
1.99
超宽鸡蛋面
金色颗粒
12盎司
0.87
3.
2.61
全部的
9
14.68

也请发布html，因为我们不知道html结构。我需要它是一行，请告诉我间距+页脚也是1

tr.line td {
  border-top: 2px solid black;
}