progateの道場コース初級5の2で、のHELLO WORLD.のドット部分を丸く形を変えて表示したいです。
で、この時点でのhtml,cssのコード画像はこちらです。
css
,
html
CSS
1コード/* CSSのリセット(消さないでください) */ 2html, body, 3ul, ol, li, 4h1, h2, h3, h4, h5, h6, p, 5form, input, div { 6 margin: 0; 7 padding: 0; 8} 9 10li { 11 list-style: none; 12} 13 14/* ここからCSSを記述してください */ 15li{ 16 float:left; 17} 18.header{ 19 color:white; 20 background-color:#26d0c9; 21 height:90px; 22} 23.header-logo{ 24 float:left; 25 font-size: 36px; 26 padding:20px 40px; 27} 28.header-list{ 29 font-size:16px; 30 padding:33px 20px; 31} 32.copy-container h1{ 33 width:820px; 34 height:382px; 35 font-size:140px; 36 font-weight:700; 37} 38.copy-container h2{ 39 width:820px; 40 height:180px; 41 font-size:60px; 42 font-weight:700; 43} 44span{ 45 color:#ff4a4a; 46}
HTML
1コード<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Progate</title> 6 <link rel="stylesheet" href="stylesheet.css"> 7 </head> 8 <body> 9 <!-- ここからHTMLを書き始めてください --> 10 <div class="header"> 11 <div class="header-logo">Progate</div> 12 <div class="header-list"> 13 <ul> 14 <li>プログラミングとは</li> 15 <li>学べるレッスン</li> 16 <li>お問い合わせ</li> 17 </ul> 18 </div> 19 </div> 20 <div class="main"> 21 <div class="copy-container"> 22 <h1>HELLO WORLD<span>.</span></h1> 23 <h2>プログラミングの世界へようこそ</h2> 24 </div> 25 </div> 26 27 </body> 28</html>
それで、回答して頂いた内容から、
bodyに対してfont-family:"Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;と指定すると丸く変更されました。
どこの部分かくらい提示してください。
【質問するときのヒント|teratail(テラテイル)】
https://teratail.com/help/question-tips
見てる人は赤の他人しかいないわけで、この文だけで赤の他人に要件が伝わるわけがないわけで。
teratailはプログラミングにおける問題を解決するサイトなわけで、何もやってないのに答えろと言われても非推奨なわけで。
書かれてることしか分からないわけで。
Progateの道場コース初級編。
Hellow world.のドット部分です。
単なる文字なので円とか四角とか言われても(Progateみんながやってるわけじゃないですし)
いずれにしても、自身が試したこと含めて質問本文に追記してください。
右下に「ご意見箱」があるから、そこで聞くといいよ。
みごとに意味不明だ。。w
回答2件
あなたの回答
tips
プレビュー