枠線をつけよう

枠線をつけよう

今日もHTMLの基礎をします。

これは私自身の頭の中の整理のために記載しております。

間違えや表現が違う可能性があります。

間違えや表現が違う場合は教えて頂けると嬉しく思います。

1. 枠線をつけよう

CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。

枠線をつけよう

タイトルや協調したい場合にボーダー（枠線）などを入れます。

全て四角の枠で文字を囲む時は”border”を使用します。

一部のみは以下の通りとなります。

上のみに線を入れる場合

border-top

右のみに線を入れる場合

border-right

下のみに線を入れる場合

border-bottom

左のみに線を入れる場合

border-left

記述例

HTMLファイル

＜div class="logo1"＞

TEST1

＜/div＞

＜div class="logo2"＞

TEST2

＜/div＞

CSSファイル

.logo1{

border:5px solid red;

}

.logo2{

border-bottom:1px solid red;

}

毎日少しづつ頑張ろう！！