【HTML&CSS】文字のスタイル変更する

文字の大きさを変更する

<p class="font-size">test(10px)</p>
<p class="font-size-2">test(30px)</p>
.font-size{
 font-size: 10px;
}
.font-size-2{
 font-size: 30px;

表示結果

文字の色を変更する

<p class="text-color-red">Red</p>
<p class="text-color-blue">Blue</p>
.text-color-red{
 color:red;
}
.text-color-blue{
 color: #0000FF;
}

表示結果

文字のフォントを変更する

<p class="font-family">text</p>
.font-family{
 font-family:serif;
}

表示結果

まとめ

今回は表示するフォントについてメモを残しました。

今後も学んだ事をメモしていこうと思います。

シェアする

フォローする