マウスを動かしてdivの色を変える方法

コンテンツ

• 説明書

DIVタグ（「split」の省略形）は、HTMLドキュメントのセクションを定義し、サイトの基本レイアウトを作成するためにCSS言語と共に使用されることがよくあります。 CSSを使用してDIVをカスタマイズして、余白、間隔、罫線、テキストサイズ、配置、または背景色、さらにユーザーがマウスを移動したときにDIVの色を変更するなどの高度なトリックを定義できます。

説明書

CSS言語を使用すると、ページとのユーザー対話を改善するためのトリックを適用できます。 （コムストック/コムストック/ゲッティイメージズ）

1. Webページからテキストエディタでドキュメントを開きます。

2. "の間の空白行にカーソルを置きますそして'.

3. 「type = 'text / css'>」と入力して[Enter]を押します。これでCSSスクリプトを作り始めるでしょう。

4. 「＃div1：hover {background-color：＃ff0000;}」と入力して[Enter]を押します。これは、 "hover"状態がアクティブになったときに、背景色 "＃ff0000"（16進値）を使用して、IDプロパティとして値 "div1"を持つDIVコンテナをカスタマイズします。 DIVこれらのIDと背景色の値は必要に応じて変更できます。

5. 「」と入力しますmsgstr "CSSスクリプトタグを閉じます。

6. ""タグと ""タグの間の空白行にテキストカーソルを置きます。

7. 「」と入力して「Enter」を押すと、ID値が「div1」のDIVコンテナが作成されます。ステップ4でID名を変更した場合は、ここに同じ名前を付けなければなりません。

8. DIVに含めるコンテンツを入力するか貼り付けて、[Enter]を押します。

9. DIVコンテナを閉じるには ""を入力します。

10. 「ファイル」と「保存」をクリックして文書を保存します。