Блог

Главная - Вопросы по программированию - Как создать этот пример границы

Как создать этот пример границы

#html

#HTML

Вопрос:

 <html>
<head>
<link href="Border.css" rel="stylesheet" type="text/css"/>
<title>Border</title>
</head>
<body>
<table border="1">
<tr>
<td rowspan="2">Today's Opinion Poll Question</td>
<td colspan="3">Political party</td>
</tr>
<td>Democrat</td>
<td>Republican</td>
<td>Independent</td>
<tr>
<tr>
<td rowspan="3">Do you favor or oppose increasing the minimum wage?"</td>
<td>Favor</td>
<td>70%</td>
<td>35%</td>
<td>55%</td>
</tr>
<tr>
<td>Oppose</td>
<td>25%</td>
<td>60%</td>
<td>30%</td>
</tr>
<tr>
<td>Unsure</td>
<td>5%</td>
<td>5%</td>
<td>15%</td>
</tr>

Я пытаюсь создать таблицу, которая выглядит точно так же, как на фотографии, которую я опубликовал, но мне трудно сделать это правильно, и я не знаю почему. Может кто-нибудь, пожалуйста, объяснить мне, как вы создаете эту границу в деталях? Мне трудно правильно указывать «За», «Против» и «Неуверенно», может кто-нибудь объяснить мне, что я делаю не так? Спасибо. пример границы

Ответ №1:

Единственное, чего, кажется, не хватает, это расширения «Вопроса сегодняшнего опроса общественного мнения» на 2 столбца. Добавьте атрибут colspan=»2″ в эту ячейку, т.е.:

 <td rowspan="2" colspan="2">Today's Opinion Poll Question</td>