「トップへ戻る」ボタン
トップへ戻るボタンを作成してみようか
今回は、CSSですか？
そうだよ、「Font Awesome」からアイコンを使うんだよ
それでは、今日のコードだよ
＜style＞ #page_top{ width: 50px; height: 50px; position: fixed; right: 0; bottom: 0; background: #3fefee; opacity: 0.6; } #page_top a{ position: relative; display: block; width: 50px; height: 50px; text-decoration: none; } #page_top a::before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f062'; font-size: 25px; color: #fff; position: absolute; width: 25px; height: 25px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; } ＜/style＞ ＜link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.4/css/all.css"＞ ＜div style="height:2000px;"＞＜div id="page_top"＞＜a href="#"＞＜/a＞＜/div＞＜/div＞
できました！