ULは、ナビゲーションバーを行います

コーディングUL>李1.ナビゲーションバー 

 

 

  .wrapper {
            パディング:0; / *最初のスタートページは、* / 16pxmarginています
            マージン:0;
            幅:300ピクセル; / *親幅300ピクセルを開始* /
            リストスタイル:なし; / *クリア直前のドット形式* /
            ディスプレイ:フレックス; / * *サブ要素の横方向に配置/
            正当化コンテンツを:スペースアラウンド; / *フレックスサブ要素の平均ピッチ各項目の両側* / / *等間隔の属性を持ちます* /
        }
        
        {
            フォント重量:太字; / *太字* /
            高さ:10pxの; / *李高さ10pxの* /
            行の高さ:10pxの; / *ヒール行としてのLi / *
            パディング:15ピクセル; / * *パッケージ要素の厚さのようなコンピュータ画面のような/
        }
        
        李:ホバー{/ * *マウスを我慢/
            境界半径:20ピクセル; / * *境界円弧/
            背景:黒; / *フォントの色* /
            色:白; / *フォントの色* /
        }

 

 

 2。

 

 

 

 

 

  div p.test {
            幅:300ピクセル;
            高さ:36px;
            行の高さ:36px;
            色:白;
            テキスト整列:センター;
            背景:#1 F46;
            国境半径:計6Px。
        }
        
        .chat> P {
            幅:0PX。
            高さ:0PX。
            border-top:10pxの固体透明。
            border-right:10pxの固体#F46;
            border-bottom:10pxの固体透明。
            国境左:10pxの固体透明。
        }
        
        div.chat {
            表示:フレックス。
            ALIGN-アイテム:センター;
            margin-left:100pxに。
        }

アンカー:

 

おすすめ

転載: www.cnblogs.com/apelles/p/11781328.html