gpt4 book ai didi

html - 为什么我无法设置我所指的表格的样式?

转载 作者:行者123 更新时间:2023-11-28 08:33:50 25 4
gpt4 key购买 nike

我遇到的第一个问题是我没有设计我称为“tb2”的表格的样式。请注意,我通过调用第一个表“tb1”和另一个“tb2”来区分两个表,所以我不明白为什么两个都受到影响。

我遇到的第二个问题是表格边框不是我声明的 10px 纯绿色。会不会是因为“tb1”中的边框(我什至没有在代码中提及)与我尝试创建的新边框冲突?

如果有人能解开这个谜团,拜托了,我需要你的帮助!我卡住了!

<!doctype html>
<html>
<head>
<style type="text/css">
#tb2 table {border:10px solid green;}
tr {background-color:black;}
th {color:white;}
td {border:5px dotted red;color:white;}
</style>
</head>
<body>
<table id="tb1" border="5"
width="50%" height="200" cellpadding="10" cellspacing="3">
<tr><th colspan="3"><h2>Fruit!</h2></th></tr>
<tr>
<th>Strangers</th>
<th>Friends</th>
<th>Family</th>
</tr>
<td>Lemon</td>
<td>Pear</td>
<td>Blueberry</td>
</tr>
<td>Plum</td>
<td>Apple</td>
<td>Strawberry</td>
</tr>
</table>
<table id="tb2">
<tr><th colspan="3"><h2>Fruit!#2</h2></th></tr>
<tr>
<th>Strangers</th>
<th>Friends</th>
<th>Family</th>
</tr>
<td>Lemon</td>
<td>Pear</td>
<td>Blueberry</td>
</tr>
<td>Plum</td>
<td>Apple</td>
<td>Strawberry</td>
</tr>
</table>
</body>
</html>

最佳答案

试试这个:

#tb2 {border:10px solid green;}
tr {background-color:black;}
th {color:white;}
td {border:5px dotted red;color:white;}

由于元素“#tb2”直接应用于您的表格,因此您无需指定“表格”

关于html - 为什么我无法设置我所指的表格的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28159036/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com