webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-05-27から1日間の記事一覧

max-width フルードイメージ

この手法は<img>でしか使えない。画像をbackgroundにした場合は使えません。 <img> には幅高さを指定しない。dreamweaverでドラッグすると幅高さが記述されてしまうので、要注意。 windowの横幅に合わせたいけれども、画像のオリジナルサイズ以上にはしたくない時に使…

box-shadow

box-shadow:0 10px 0 0 #777; offset-y 10px box-shadow:0 10px 10px 0 #777; blur radius 10px box-shadow:0 10px 0 10px #777; spread radius 10px 上下左右に10px大きいグレーの長方形を下にできた。それを上辺からはみ出さないように、左右均等に配置し…

18%gray を rgb で表示するとどうなる?

自分で検証しないとなんとも言えないが、暫定的に18%gray=#777777=rgb 119, 119, 119 としておこう。

nav を作る手順をもう1回確認する / えだまめ

ヘッダーにナビゲーションを作る 帯状のナビゲーションを作る。ナビゲーションの見栄えはボディー全体。 ボタンの部分はセンター揃え ボディー全体の横幅を使うのは、ナビゲーションだけで、他のコンテンツは横幅960pxとする。 このパターンで作る手順を、パ…