HOME 転職について 副業について お問い合わせ

【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;
}

©Copyright2022 FICH-LABO.All Rights Reserved.