MianShahzadRaza / Pixabay

Webデザイン ブログ運営

サイトプログラミング備忘録

更新日:

Pocket

PCサイトヘッダーメニュー幅の指定と中央寄せ

/*media Queries PCサイズ(960px以上)
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {

#st-menubox nav ul:not(.sub-menu) {
width:805px; /*メニュー幅の指定(メニュー数×161px)*/
margin:0 auto;
}

ヘッダーメニュー文字色変更

header .smanone ul.menu li a{
color:#fff !important;
}

カーソル時の背景色変更

header .smanone ul.menu li{
transition: 0.2s}

header .smanone ul.menu li:hover{

background-color: #ff3333;
}

スポンサードリンク

スポンサードリンク

  • この記事を書いた人
  • 最新記事
かめしょー×大学生ブロガー

かめしょー×大学生ブロガー

☆立命館大学2年生 ☆Webメディア編集 ☆ライター、ブロガー ☆主な執筆ジャンル☟ ライフハック×大学生×ブログ運営 ☆趣味:ブログ×読書×カメラ 特技:スマブラ・カラオケ ☆大好物:ミルクティー →詳しいプロフィールはこちら

-Webデザイン, ブログ運営

Copyright© ホビブロ , 2018 All Rights Reserved.