2013-07-23から1日間の記事一覧
<html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="#" method="post"> <h1>お問い合わせフォーム</h1> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:<textarea name="subject" rows="8" cols="40">お問い合わせ内容</textarea></p> <…</form></body></html>
四角をまず複合パスで作成(この時画像の選択は解除)。 次に画像と複合パスをクリッピングマスクで作成。
スポイトツールで画像から色を抽出。 画像の下に抽出した色をベタ塗り。 その画像にマスクをつけ、グラデーションツール。
ドロップシャドーを使って、白文字を浮き上がらせる。 距離をゼロにすると下から浮き上がって見える。
選択範囲の反転をうまく使い、塗りつぶしの範囲を変えていく。
全てを選択で境界線をぼかし、選択範囲を反転で塗りつぶし。 使ったショートカット Ctrl + A = 全てを選択 Ctrl or Alt+ BackSpace = 選択範囲を塗りつぶし
<html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style3.css"> </head> <body> <div id="container"> <div id="header"> <p>ここにheaderが入る</p> <div id="nav"> <ul> <li id="home"><a href="#"><span>home</span></a></li> <li id="food"><a href="#"><span>…</span></a></li></ul></div></div></div></body></html>