###前提・実現したいこと
色は#1e99f7でホバーしたとき#6dbdfaのメニューバーを作りたい(横一杯)です。
###発生している問題・エラーメッセージ
何もしていない時背景色が#1e99f7にならず真っ白。
###該当のソースコード
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> 7 </head> 8 <body> 9 <div class="navbar"> 10 <ul class="bar"> 11 <li><a href="#">HTML</a></li> 12 <li><a href="#">CSS</a></li> 13 <li><a href="#">JavaScript</a></li> 14 <li><a href="#">Flash</a></li> 15 <li><a href="#">Dreamweaver</a></li> 16 </ul> 17 </div> 18 </body> 19</html>
css
1.navbar { 2 background-color: #1e99f7; 3 /*width: auto;*/ 4 width: 100%; 5} 6 7.bar { 8 width: 1000px; 9 margin: 0 auto; 10 display: block; 11 vertical-align: middle; 12} 13 14ul.bar li { 15 float: left; 16 text-align: center; 17 /*display: table-cell;*/ 18 color: white; 19 width: 20%; 20 padding-top: 20px; 21 padding-bottom: 20px; 22} 23 24ul.bar li a { 25 color: white; 26} 27 28ul.bar li:hover { 29 background-color: #6dbdfa; 30 31}
回答6件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/30 01:08