作成したもの
こちらのWebページが今回作成したもの。
復習
・width
ボックスの幅を指定する。レスポンシブデザイン対応のWebサイトデザインでは%で指定し、端末のサイズに合わせて伸縮するように記述します。
・height
ボックスの高さを指定する。
・margin
ボックスの外側の余白を指定する。4辺一度に指定する場合、上→右→下→左の順で記載する。
・padding
ボックスの内側の余白を指定する。基本的な記述はmarginと同じ。
・vertical-align
テキストや画像などの垂直方向の位置揃えを指定する。
・border-radius
ボーダーの角を丸める。
・background-image
要素の背景画像を指定する。書式はbackground-image: url(画像ファイルへのパス)。
・background-repeat
背景画像の繰り返しパターンを指定する。
・background-position
背景画像の表示位置を指定する。書式はbackground-position: 左右方向、 上下方向の順に半角スペースで区切る。
・background-attachment
背景画像のスクロールを指定する。
・background-size
背景画像の大きさを指定する。幅と高さを個別に指定する時は、幅、高さの順に半角スペースで区切る。