ホーム » パソコン » リストを横向きに配置してメニューバーを作る

リストを横向きに配置してメニューバーを作る


--- 広告 ---
--- 広告 ---

リストを横向きに配置してメニューバーを作る 感謝です。

ul#menubar {
   margin: 0px; /* ul内部の左端余白を消す(IE) */
   padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */
}
ul#menubar li {
   list-style-type: none; /* 先頭記号を消す */
   float: left; /* リスト項目を横方向に並べる */
   margin: 0.3em 0.1em; /* 各項目周囲の余白 */
   border: 1px gray solid; /* 項目の枠線 */
   padding: 0px; /* 枠線と内容の距離をゼロに */
}
/* メニュー項目のリンクを装飾 */
ul#menubar li a {
   text-decoration: none; /* 下線を消す */
   display: block; /* ブロックレベルに */
   padding: 0.3em; /* 内部の余白 */
}
ul#menubar li a:hover {
   background-color: blue; /* 背景色 */
   color: white; /* 文字色 */
}
--- 広告 ---
--- 広告 ---

 

この記事に関連する記事一覧

目 次
最近の投稿
--- 広告 ---
--- 広告 ---
お問い合わせ