我需要做一张这样的桌子
但结果是这样的
我不明白我做错了什么
.table {
border-collapse: collapse;
}
.table td,
.table th {
border: 2px solid black;
padding: 10px;
}
<table class="table">
<thead>
<tr>
<th colspan="3">
Форма для отправки фотографии на сайт
</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="5">Автор фотографии</th>
<td rowspan="2">Фамилия И.О.</td>
<td rowspan="2">
<input type="text" placeholder="Введите ваше имя">
</td>
</tr>
<tr>
<td rowspan="2">Пол</td>
<td>
<label>
<input type="radio" name="gender" id="">
Женский
</label>
</td>
</tr>
<tr>
<td>
<label>
<input type="radio" name="gender" id="">
Мужской
</label>
</td>
</tr>
<tr>
<td>Страна</td>
<td>
<select name="country">
<option value="Россия">Россия</option>
<option value="США">США</option>
</select>
</td>
</tr>
</tbody>
</table>
我以为线条应该这样排列