細々と勉強中


スパ4も練習したいんだけどwebの方の勉強もしたいところ
比率的にスパ4のプレイ時間の方が多い気もするけど(笑)
ブログも作っていきたいから細々と勉強中ー

0011

 以前はあそこまで作ったんだけど、本の進行とあわせつつ、ここをこうしてみたいとかああしてみたいとかを加えて、ちょっとずつアレンジしていく。これでただ本を見ながら進めていくよりは身についてる気がしないでもない。(笑)

んでもってとりあえず完成したトップページはこれ。

0012

角を丸くしたり、ドロップシャドウを付けたりしてみたー。この辺は本には書いてなかったんだけど別の本でこんな事ができるというのを見たことがあって、それでちょっと探してみた。

角を丸くする
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

四隅のサイズを個別に指定できたりできるんだけどひとつだけ記入しておけば全部に適応される。

ボックスに影を付ける
box-shadow : 5px 6px 7px #000;
-webkit-box-shadow : 5px 6px 7px #000;
-moz-box-shadow : 5px 6px 7px #000;

色味とか角度とか細かい指定ができるみたいだけどとりあえずどっかのコピペ。(笑)

テキストに影を付ける
text-shadow : 5px 6px 7px #000;
-webkit-text-shadow : 5px 6px 7px #000;
-moz-text-shadow : 5px 6px 7px #000;

こちらはテキストに影を付ける。

-webkit-box-とか-moz-box-はなんかブラウザごとの設定らしく、とりあえず3つセットで書いておけば大丈夫っぽい。


と、まあ色々買った本の中で最後に買った本が一番親切で楽しい。やっぱり「なぜそうなっているのか」という理由をしっかり教えてくれる本は分かりやすくていいねー。

Related Posts Plugin for WordPress, Blogger...
投稿日: 作成者: カテゴリー: Blog

コメントを残す

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