退職は損切りかリスクか。今回のコードConclusionCSSの優先順位!!どのセレクタが最強なのかJINテーマの記事内の文字サイズをstyle.cssをいじって修正する不意にCSSだけでおしゃれなボタンを作りたくなったら真似ぶは学ぶ。in奈良公園で鹿にあげる鹿せんべいはヒトも食べられます。美味しくないですよね。"ヒト用の鹿せんべい"も売ってるみたいです。それ普通のせんべいでええやん。以前FontAwesomeの導入方法はお伝えしましたが、こんな感じで表示されているだけでしたね。これを見たらユーザーはリンクだと勘違いしてしまうかもしれません。その際にリンクが貼られていなかった場合、著しくusabilityが低下します。人間はリンクだと思ってクリックした際にそれがリンクではなかった場合、非常に不快に感じるそうです。FontAwesomeにリンクをつけていきたいと思います。使ったコードを使用していきます。下にソースコードも載せてます。よければコピーして使ってください。#cd201f;CopyCopied!リンクをつけるこのFontAwesomeのアイコンたちにリンクをつけるのは非常に簡単です。aタグにしてlinkを記述するだけですね。CSSも書き直します。#cd201f;}CopyCopied!このようにそれぞれのクラスに色を当てます。リンクの下線を消すtext-decoration:は他にも取り消し線がつけれたりするので、調べて見てください。3つ全てに当てたいので、共通しているfabクラスに記入します。あと一歩足りない気がしますよね。マウスカーソルが乗っかった時に白っぽくなるように変更してみましょう。透明度を下げるように変更しましょう。opacityの値は0.0〜1.0の間で設定します。0に近づくほど透明に近づきます。0.6;}CopyCopied!0.6くらいで設定しました。youtubeのアイコンがちょっと白っぽくなっています。このようにカーソルが乗った時に白っぽくなり、よりlinkらしくなりました。