メニューの区切り線を簡単に作る方法 – Fireworks Bros. ファイアワークスブラザーズ
ウェブサイトのグローバルメニューをデザインする時、 メニュー間に区切り線が無いと、分かりづらい場合がありますよね。 例えばこのようなメニューの場合、 区切り線を入れてあげることで、簡単に各メニューエリアの視認性があがります。 今回は、そんな区切り線を簡単に作る方法をご紹介します。 STEP1. 等間隔に黒線を引く 濃いグレーでもOKです。例ではラインツールを使って、黒(#000000)で線を引いています。 線引きました。次に影を付けていきます。 STEP2. 線をグループ化する 作成した線をすべて選択して（例だと４つ）、【Ctrl+G】でグループ化します。 STEP3. ドロップシャドウを追加 グループ化した線を選択した状態で、ドロップシャドウを追加します。 【距離：1、色：#ffffff、不透明度：100%、ぼかし：0、角度：０】 ドロップシャドウを加えると、以下のようになります。
Webサイト制作におけるoverflow:hiddenの効果 - Webあんぎゃ
Webサイト制作において、overflow:hidden;が登場する機会は比較的多いような気がする。floatを指定したものの親要素に指定すると習ったが、そういえば実際にその効果を検証したことはなかったと思い、今更ではあるが検証（確認）しておく。 1．1つのブロック要素の指定領域より中身が大きい場合 以下、コード。 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>overflow:hiddenの検証</title> <style> body, div, p { margin: 0; padding: 0; } p { width: 60px; height: 30px; background: #0f0; /* 緑 */ } </style> </head> <body> <div> <p>あかさたなはまやらわアカサタ
Photoshopでスポーツチームのナビゲーションメニューを作る方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでスポーツチームのナビゲーションメニューを作る方法 Photoshopでスポーツチームのナビゲーションメニューを作る方法 投稿日：2009年05月1日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopでスポーツチームのナビゲーションメニューを作りたいと思います。 Step1 ： はじめに Step2 ： 背景を作る Step3 ： 区切り線を入れる Step4 ： テキストを入力する Step5 ： 完成
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
横並びのナビゲーションの基本的なら作り方: CSS Lecture
