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

質問

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

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

よろしくお願いします。

回答No.2

net_kisi · ベストアンサー

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

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

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

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

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

がんばってください。

お礼

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

回答No.1

神崎 渉瑠（@taloo）

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

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