HTMLにてwebサイトをサンプル作成しているのですが・・・
前提・実現したいこと
タイトルの通りwebサイトをサンプル作成しているのですが
とある文字をグーグルフォントにてデザインを変えたのですが
マウスオーバーしたときにしかデザインが変わりません。
なにが間違えているのでしょうか。。。
教えてください。
発生している問題・エラーメッセージ
文字のデザインがマウスオーバー時のみしか変化しない
該当のソースコード
html <header> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt="SNAPPERS"></a> </div> <nav> <ul class="gloval-nav"> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> css header { width: 960; height: 100px; margin: 0 auto; } .logo { float: left; margin-top: 50px; } .gloval-nav { float: right; margin-top: 60px } .gloval-nav li { float: left; margin: 0 20px; font-size: 20px; list-style: none; } .gloval-nav li a { color: #fff; } .gloval-nav li a:hover { border-bottom: 2px solid #fff; padding-bottom: 3px; text-decoration: none; font-family: 'Bitter', serif; }
試したこと
テキストを見ながら作成しているのですが何度もやり直したりググったりを行いました
補足情報(FW/ツールのバージョンなど)
エディタ Brackets
回答1件
あなたの回答
tips
プレビュー