<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
tr:hover {background-color: coral;}
</style>
</head>
<body>
<h2>ホバーテーブル</h2>
<p>効果を確認するには、マウスをテーブルの行の上に移動してください。</p>
<table>
<tr>
