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.

• この記事を書いた人
• 最新の記事

Yusuke

最新記事 by Yusuke (全て見る)

• 【WordPress】RSSで外部のサイトから記事を取得する方法 - 2020年10月11日
• 【WordPress】関連記事一覧を表示する方法 - 2020年10月11日
• 【CSS】CSSの基本 - 2020年10月10日