※ ChatGPTを利用し、要約された質問です（原文：HTMLコーディング（onMouseOver,onMouseOut））
HTMLコーディングでonMouseOver,onMouseOutを使用して要素を表示、非表示にする方法
このQ&Aのポイント
HTMLコーディングでonMouseOver,onMouseOutを使用して要素を表示、非表示にする方法を解説します。
特定の要素にマウスオーバーした場合に枠線を表示し、マウスアウトした場合に枠線を非表示にする方法をHTMLコーディングで実現する方法を紹介します。
HTMLのコーディングにおいて、onMouseOver,onMouseOutを利用して要素の表示・非表示を制御する手法を紹介します。
HTMLコーディング（onMouseOver,onMouseOut）
ＨＴＭＬコーディングで質問します。
やりたいこと：下記コードのように、<div></div>の間について、onMouseOver,onMouseOutにより、枠線を表示、非表示にする。
理由：下記コードの場合、<div></div>がない場合、「1. Hxxxx」にリンクが張られているが、呼び出されるPDFファイルの内容は、(1) Cxxxx、(2) Sxxxxを含んでいることを明確にしたい。
テスト結果：FireFoxでは狙い通りになるが、IEでは動作しない。また、DreamWeaverではエラー（HTML4.0）となります。
<div onmouseover="this.style.border='1px solid black'; this.style.padding='0px 0px 0px 0px';" onmouseout="this.style.border='0px'; this.style.padding='1px 1px 1px 1px';">
<ul>
<li><a href="pdf/3.pdf">1. Hxxxx</a>
<ul>
<li>(1) Cxxxx</li>
<li>(2) Sxxxx</li>
</ul>
</li>
</ul></div>
お礼
すぐにご回答いただいていながら、お礼が遅くなり、失礼しました。 ありがとうございました。 DIVタグの編集場所を適切に見直すことによりW3C validationも通りました。