ホームページ > 記事 > ウェブフロントエンド > CSSでdivの背景色を変更する方法
CSS では、「:active」セレクターと「background-color」属性を使用して、div をクリックして背景色を変更する効果を実現できます。「div:active{」を追加するだけで済みます。 「background-color:color」を div 要素に追加します。Value;}」スタイルで十分です。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css div をクリックして背景色を変更する方法
アクティブ セレクターと背景色属性を使用してクリックを設定します。 div で背景色を変更します。
:アクティブ セレクターは、アクティブなリンクを選択するために使用されます。 background-color プロパティは、要素の背景色を設定します。
例は次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ width:200px; height:150px; border: 1px solid red; background-color:red; } div:active{ background-color:black; } </style> </head> <body> <div>鼠标点击div盒子</div> </body> </html>
出力結果:
(学習ビデオ共有: css ビデオ チュートリアル)
以上がCSSでdivの背景色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。