枠線をつけよう
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- 枠線をつけよう
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;
}
毎日少しづつ頑張ろう!!