HTML
CSSを使用する
<div class=”任意の名前”></div>
<div class="test">大きさや色を変更したい文字を挟みます</div>
CSS
文字の大きさ
font-size:
ピクセルやパーセントで文字の大きさを変えることができます。
.test { font-size: 40px; font-size: 40%; }
文字の色
color:
.font_test { color: #2196F3; }
#2196F3;は色を指しています。
背景色
background-color:
文字ではなく、背景の色を変える事もできます。
.test { background-color: red; }
文字の位置
中央
.test { text-align:center; }
左
.test { text-align: left; }
右
.test { text-align: right; }
フォント
font-family: 任意のフォント
.test { font-family: serif; }
周りの空白
margin: margin-top, margin-right, margin-bottom, margin-left;
.test { margin: 10px 50px 10px 50px; }
The following two tabs change content below.
https://gotoyusuke.com/
最新記事 by YusukeGoto (全て見る)
- 【WordPress】RSSで外部のサイトから記事を取得する方法 - 2020年10月11日
- 【WordPress】関連記事一覧を表示する方法 - 2020年10月11日
- 【CSS】CSSの基本 - 2020年10月10日
コメントを残す