こんな人に読んで欲しい!
・CSSで文字を変えたい人
こんにちは、「なゆた」です!
今回は皆さんに、「CSS」での文字の変え方についてをお教えします。
その中でも、基本的な文字の変え方を3パターンご紹介します。
まず最初に、「HTML」ファイルを準備して、<p>タグを使って何かしら文字を打ってください。これからその<p>タグを使って文字を変えます。
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-14.58.20.png)
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-14.55.38.png)
①文字を太くする
「CSS」ファイルを作成して連携し、<p>タグを入れます。そしてそのタグの中に「font-weight」属性を入力し、属性内に「bold」と入れます。
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-15.41.06.png)
そうすると、文字が太くなりました!
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-15.23.10.png)
②文字に色を付ける
「CSS」ファイルに入力した<p>タグの中に、「color」属性を入れます。そして属性内にカラーコードを入れます。(例:赤色⇨#ff0000)
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-15.42.55.png)
そうすると、文字に色が付きました!
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-15.47.26.png)
③文字のフォントを変える
「CSS」ファイルの<p>タグの中に、「font-family」属性を入れます。そして属性内にフォント名とファミリ名を入れます。
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-18.48.00.png)
そうすると、文字のフォントが変わりました!
![](https://nayuta-win.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-24-18.50.29.png)
いかがでしたか?他にも、これらをまとめて入力することも出来ますよ。また参考にしてみてください!
以上です、ありがとうございました!
コメント