プログラミング

【プログラミング独学】HTML&CSS 20日目、枠線

プログラミング学習(HTML&CSS)をProgateで学習した内容を記録したものです

 

Progateでの学習と自分でリサーチしてわかったことをメモしています

 

今回はProgate演習20をやりました

 

 

枠線の付け方

borderプロパティを使う

記入例

css

.logo1 {

border: 5px solid red ;

}

css

.logo2 {

border-bottom: 1px solid #333;

}

 

borderだけだと囲う線になる

 

border-方向指定 することで下線など入れられる

 

方向はtop,bottom,right,leftのどれかを使う

 

solidは線の種類

 

初級編ではsolidしか出てきていないが、調べたらたくさんあるみたい(´・д・`)

 

  

まとめ

CSSのまだ知らない部分を自ら調べて少し絶望した回でした笑

 

Progate進めていったらわかるようになるかな?

 

少しずつ頑張ります

学習終わり

ブログランキングに参加中です。

応援よろしくお願いします。

ブログランキング・にほんブログ村へにほんブログ村

人気ブログランキング

COMMENT

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

CAPTCHA