HTML の複数のサブページに統合ヘッダーを追加するにはどうすればよいですか?-PHP中国語ネットワークQ&A

ナビゲーションバーシステムを開発していますが、元のページのタイトルを残したままサブページを変更する方法を知りたいです。 (私は repl.it を使用しているので、注意してください)。

フォルダにはまだ何も入れていません。また、「アクティブ」クラス（灰色のもの）の項目の上にマウスを移動したときに色が変わらないようにしたいです。

@import url('https://fonts.googleapis.com/css2?family=Roboto Mono:wght@700&display=swap'); html本文{ 背景: #0E1212; } ウル { リストスタイルタイプ: なし; マージン: 0; パディング: 0; オーバーフロー: 非表示; 背景色: なし; フォントファミリー: 'Roboto Mono'、等幅; } リ { フロート: 左; } り、{ 表示ブロック; 色: #DBDBDB; テキスト整列: 中央; パディング: 14px 16px; テキスト装飾: なし。 } li a:ホバー{ カラー: #682AE9; アニメーション名: 例; アニメーション期間: 0.5 秒。 アニメーション反復数: 1; アニメーションフィルモード: 順方向; } 。アクティブ { 色: #808080; } @keyframes の例 { 0% {色: #DBDBDB;} 100% {カラー: #622cd8;) }

 
      <頭>
       <メタ文字セット="UTF-8">   <リンク rel="スタイルシート" href="home.css">  ホーム 

       <本体>
        

        <本体>
          .home()
 .about()
 .stuff()
 .apply()

全員に返信 (1)

P粉6424362822023-09-04 00:25:02 1棟

ホバー時にアクティブなクラスの色を一定に保つことに関する質問の部分に答えるために、私がやったことは、0%およびそれらすべてにあるような別の@keyframeを作成することでした。100%では灰色のままです。次に、transition: 0.5s;を使用して、色の変化のアニメーション遷移を滑らかにします。

リーリーリーリー

ご覧のとおり、最初のリンク (つまり、アクティブ状態) にカーソルを合わせると、リンクはまだ灰色で、他のリンクは0.5 秒以内に紫色に変わります。