立体に見える丸いボタンを作ります。作り方 新規ファイル作成 楕円形ツールを使い、Shift+ドラッグで丸いオブジェクトを描く。 グラデーションツールでオブジェクトをクリック。 グラデーションの左側を白、右側を任意の色にします。 右上から左下にかけて、…

縦並びのナビゲーションボタンを作ります。ひとつあたり150*40pxです。 今回はCSS Spritesを使って一つの画像に複数のボタンを詰め込みます。また、ホバー時のボタンも同時に作ります。作り方 ボタンを5個作るので、幅300px高さ400pxで新規ファイルを作りま…

CSSを使って横並びのナビゲーションを作ります。 ブラウザプレビュー ポイント#nav liをフロートさせるために、その親要素の#nav ulにoverflow: hidden;を指定する。すると横並びになる。 ソースHTML <div id="nav"> <ul> <li><a href="#">ホーム</a></li> <li><a href="#">カフェフード</a></li> <li><a href="#">カフェドリンク</a></li> <li><a href="#">インフォメーショ</a></li></ul></div>…