как сделать таблицы интерактивного HTML

Question

У меня есть эта таблица с кнопками:

 <tr> 
      <td><button type="text" name = "class_name" value=<?=$class["class_name"]?>><?=$class["class_name"]?></button></th> 
      <td><?=$class["class_id"] ?></th> 
     </tr> 

    <?php endforeach ?> 

Я проходящий выбранный школьный классом (кнопка) в другой файл для обновления базы данных. Но таблица и кнопки просто выглядят очень плохо.

Я думал, что если бы весь стол был доступен клиенту, он выглядел бы лучше и, возможно, придавал ему светлый цвет внутри, а затем добавление фонового изображения сделало бы страницу приемлемой.

Любая помощь в том, как это сделать?

PS: Я видел это с помощью JavaScript, но я мало знаю об этом, и я пытаюсь сохранить это просто с помощью html и css.

Заранее благодарен!

EDIT:

Разъяснение: Мой вопрос; как я могу сделать свою кнопку более приятной, все еще имея возможность использовать ее как форму POST?

Answer 1

Перейти к button.cm и он создаст html и VML, необходимые для того, чтобы дать вам полностью кликаемую кнопку в HTML/CSS, а не только как изображение.

<table width="100%" border="0" cellpadding="0" cellspacing="20"> 
    <tr> 
    <td align="center" valign="middle" width="33%" style="background-color:#6483c1; border:1px solid #44619a; border-radius:2px;"> 
     <a href="http:class_name.html" target="_blank" style="padding:20px 10px;display:block;color:#FFFFFF; text-decoration:none;"><font size="3" face="Arial, Helvetica, sans-serif" color="#ffffff"><b>class_name</b></font></a> 
    </td> 
    </tr> 
</table>