progateの中級道場コース(自分で最初からお手本のサイトを目指して作るコース)で学習していて分からなくなりました。
cssの所で、
.sign up{background-color: ;と色指定しても色が付きません。
理由を教えてください。
html
1コード<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>Progate</title> 6 <link rel="stylesheet" type="text/css" href="stylesheet.css"> 7 <!-- ここでFont Awesomeを読み込んでください --> 8 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 9</head> 10<body> 11 <!-- ここにコードを書いていきましょう --> 12 <header> 13 <div class="container"> 14 <div class="header-left"> 15 16 </div> 17 <div class="header-right"> 18 19 </div> 20 </div</header> 21 <div class="top-wrapper"> 22 <div class="container"> 23 <h1>LEARN TO CODE. 24 <br> 25 LEARN TO BE CREATIVE. 26 </h1> 27 <p> 28 Progateはオンラインプログラミング学習サービスです。 29 <br> 30 初心者にやさしいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。 31 </p> 32 <a href="#" class="btn sign up">新規登録はこちら</a> 33 <p>or</p> 34 <a href="#" class="btn facebook"><span class="fa fa-facebook"></span>Facebookで登録</a> 35 <a href="#" class="btn twitter"><span class="fa fa-twitter"></span>Twitterで登録</a> 36 </div> 37 </div> 38``</body> 39</html> 40```ここに言語を入力 41コード
css
1コード/* CSSのリセット(消さないでください) */ 2html, body, 3ul, ol, li, 4h1, h2, h3, h4, h5, h6, p, div { 5 margin: 0; 6 padding: 0; 7} 8 9body { 10 font-family: 'Hiragino Kaku Gothic ProN W3', sans-serif; 11} 12 13li { 14 list-style: none; 15} 16 17a { 18 text-decoration: none; 19}/* ここからCSSを書いていきましょう */ 20.top-wrapper{ 21 display:flex; 22 justify-content:center; 23 align-items:center; 24 height:628px; 25 width:1170px; 26 padding-top:80px; 27 padding-bottom:100px; 28 background-image:url(https://prog-8.com/images/html/advanced/top.png); 29 background-size:cover; 30 31} 32.container h1{ 33 font-size:45px; 34 opacity:0.7; 35 letter-spacing:5px; 36 color:white; 37 38} 39.container p{ 40 font-size:16px; 41 margin-bottom:15px; 42 .btn{ 43 padding:8px 24px; 44 color:white; 45 opacity:0.8; 46 border-radius:4px; 47} 48.sign up{ 49 background-color:#239b76; 50}; 51} 52````ここに言語を入力 53コード
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/14 11:05