<!Doctype html> <head><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css> <link rel="stylesheet" type="text/css" href="style.css"></head> <body> <div class="wrapper"> <div class="header"> <H2>主の独り言</H> <img src="ninja.jpg"> <p id="RealtimeClockArea">※ここに時計(2桁固定版)が表示されます。</p> <script type="text/javascript"> function set2fig(num) { // 桁数が1桁だったら先頭に0を加えて2桁に調整する var ret; if( num < 10 ) { ret = "0" + num; } else { ret = num; } return ret; } function showClock2() { var nowTime = new Date(); var nowHour = set2fig( nowTime.getHours() ); var nowMin = set2fig( nowTime.getMinutes() ); var nowSec = set2fig( nowTime.getSeconds() ); var msg = "現在時刻は、" + nowHour + ":" + nowMin + ":" + nowSec + " です。"; document.getElementById("RealtimeClockArea").innerHTML = msg; } setInterval('showClock2()',1000); </script> </div> <div class="container-fluid"> <div class="row"> <div class="col-sm-9"><p><i class="fa fa-dot-circle-o" aria-hidden="true"></i>日本で、 </p> </div> <div class="col-sm-3"> <div class="one"> <p>通称:主</p> <p>年齢:36歳</p> <p>性別:男性</p> <p>履歴書</p> <p>私、主が日々気になったことなどをつづります...</p> </div> <div class="two"> <p>現在の日本について</p> </div> </div> </div> </div> </div> </body> </html>
上記は、私が作っているコードです。
https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
と
<i class="fa fa-dot-circle-o" aria-hidden="true"></i>
をコード中に記載しています。
このフォントは、サークルを表示するものなのですが、表示されませんでした。
どこが間違っているのでしょうか。ご指摘お願いいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/23 08:27
2017/02/23 08:37 編集
2017/03/09 07:49