【CSS】CSSの基本

目次 非表示

1 HTML

1.1 CSSを使用する

2 CSS

2.1 文字の大きさ

3 文字の色

3.1 color:

4 背景色

4.1 background-color:

5 文字の位置

5.1 中央

5.2 左

5.3 右

6 フォント

6.1 font-family: 任意のフォント

7 周りの空白

7.1 margin: margin-top, margin-right, margin-bottom, margin-left;

この記事は分で読み終わります。

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.

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

fich-labo

最新記事 by fich-labo (全て見る)

• MEO対策が必要な理由とは？ - 2022年2月26日
• 【広告・SEO対策・LP制作】Webマーケティングのお仕事とは？ - 2022年2月26日
• 【Google】リスティング広告の入稿から出稿までのやり方 - 2021年1月30日