時間があまりとれなかったので本日は少なめです…が、習慣化したいので投稿はしていきたいと思います。
##学習内容
昨日から引き続き。
###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ピクセル分丸くなる。
##所感
本日は不完全燃焼…明日の休みに一気に進めていきたいところ。