CSS WEB制作

Font Awesome を使いこなそう サイズの変更 色の変更

アイコン

今回はFontAwesomeのサイズや色を変更する方法を紹介します。

 

サイズ調整

FontAwesomeはテキストと同じです。

スタイルシート【 CSS】でfont-sizeで大きさを指定してサイズを変更しましょう。

クラス名 {
font-size: ○○px ;
}

 

 

色の変更

色の変更もテキストと同じです。

スタイルシートでcolorを設定しましょう。

クラス名{
color:#1da1f2;(例:青)
}

 

それではまたお会いしましょう。

 

 

もっといろいろアレンジしたい方はこちらを参照してください。
https://saruwakakun.com/html-css/basic/font-awesome

 

FontAwesome関連の記事も紹介しておきます。

icons
AFFINGER5でFont Awesomeが表示されない! を解決 

続きを見る

-CSS, WEB制作
-

© 2024 人生フリーハンド Powered by AFFINGER5