【CSS】メニューの一部だけを右揃えにする方法
- 2020.09.03
- CSS
Webサイトを作っていて、メニューの一部だけを右揃えにしたい時ってありますよね。さっそくコードを紹介していきます。 コード HTML CSS 今回はリスト(li)に、左揃えにするclassのmenu-lと、右揃えにするmenu-rのクラスを追加しています。こうすることで、カートへと書かれた最後のリストの要素だけ右揃えになります。
Webサイトを作っていて、メニューの一部だけを右揃えにしたい時ってありますよね。さっそくコードを紹介していきます。 コード HTML CSS 今回はリスト(li)に、左揃えにするclassのmenu-lと、右揃えにするmenu-rのクラスを追加しています。こうすることで、カートへと書かれた最後のリストの要素だけ右揃えになります。
メニューの背景色や文字色をマウスオーバーの時に反映させる方法をまとめてみました。これでマウスカーソルを上に乗せると色が変わったりする動きのあるホームページを作ることができます。サンプルのコードを置いておくのでコピペで実装できます。良かったら使ってみてくださいね。