タブの角丸とグラデーション

解決済みの質問

タブの角丸とグラデーション

ホームページでページを切り替えるタブを見ますが、Htmlに関して以下のことがわかりません。
・角丸のタブはどうすれば作ることができますか?
・タブのグラデーションはどのようにして作ることができますか?

イメージとしては、以下のホームページの上部にある「商品」「お客様サポート」タブです。
http://kadenfan.hitachi.co.jp/products/index.html

よろしくお願いします。

投稿日時 - 2009-02-04 22:43:49

QNo.4689950

困ってます

質問者が選んだベストアンサー

>・角丸のタブはどうすれば作ることができますか?

これはhtmlとは直接関係なくて、事前に「角丸のタブの画像」を作っておいて、それをパーツとしてホームページに組み込んでいるのです。

「角丸のタブの画像」ならば、ホームページビルダーに付属の「ウェブアートデザイナー」や、有名なものでは「イラストレーター」などの画像編集ソフトで作ることができます。


>・タブのグラデーションはどのようにして作ることができますか?

グラデーションも上記の画像編集ソフトでかけることができます。なお、写真などのJPG画像を編集したいときは「フォトショップ」などのソフトを使用します。


がんばってください。

投稿日時 - 2009-02-05 21:29:33

お礼

教えていただきありがとうございます。
やはり、画像を用意しないといけないのですね。
ありがとうございました。

投稿日時 - 2009-02-06 20:44:58

ANo.2

0人が「このQ&Aが役に立った」と投票しています

[  前へ  |  次へ ]

ベストアンサー以外の回答(1件中 1~1件目)

ANo.1

> ・角丸のタブはどうすれば作ることができますか?
角丸の画像を背景などに使う

> ・タブのグラデーションはどのようにして作ることができますか?
グラデーションの画像を使う。

投稿日時 - 2009-02-05 12:21:12

あわせてチェックしたい
  • グラデーションの角丸テーブルの作り方 ...
  • CSS3で角丸の上部分を違う色にしたい ...
  • グラデーションなど ...
PR

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら