【CSS】CSSの基本

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/

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA