CSS

【CSS】メニューの一部だけを右揃えにする方法

  • 2020.09.03

 Webサイトを作っていて、メニューの一部だけを右揃えにしたい時ってありますよね。さっそくコードを紹介していきます。 コード HTML CSS  今回はリスト(li)に、左揃えにするclassのmenu-lと、右揃えにするmenu-rのクラスを追加しています。こうすることで、カートへと書かれた最後のリストの要素だけ右揃えになります。

【CSS初心者向け】マウスオン時にメニューの色を変える方法! コピペ可能なソースコード付き

メニューの背景色や文字色をマウスオーバーの時に反映させる方法をまとめてみました。これでマウスカーソルを上に乗せると色が変わったりする動きのあるホームページを作ることができます。サンプルのコードを置いておくのでコピペで実装できます。良かったら使ってみてくださいね。