30代からのプログラミング勉強　５日目（HTML/CSS入門編） #CSS

時間があまりとれなかったので本日は少なめです…が、習慣化したいので投稿はしていきたいと思います。

学習内容

昨日から引き続き。

枠線を消す

div {
  border: none;
}

デフォルトで入っている枠線を消すことが出来る。

任意部分に枠線を引く

div {
  border-bottom: 1px solid #d1d1d1;
}

上記の様に記入した場合領域の下部に1pxのグレーの実線が入る。例によりtop、right、leftにそれぞれ置き換える事で引かれる場所の指定が可能。

文字サイズ調整

div {
  font-size: 1.2em;
}

上記の場合だと元々設定された値の1.2倍の大きさになる。

角を丸める

button {
  border-radius: 5px;
}

この様にするとボタンの角が5ピクセル分丸くなる。

本日は不完全燃焼…明日の休みに一気に進めていきたいところ。