ＨＰ作成。リストについて。

質問

ＨＰ作成。リストについて。
リストを作成したのですが、味気ないので見栄えよくしたいです。
２点質問したいのですが、
１．borderをつけると、四角い枠になりました。これをまるくすることは可能ですか？
　できるなら、やり方も教えてください。
２．現在まるくできないため、background-image　で、まるい画像（色付き）をくっつけました。
　　が、サイズが合わず、一部分だけが表示されます。
　　縮小してすべてを表示させることは可能ですか？
　　この場合もやり方教えてください。
よろしくお願いします。

回答No.1

LOHA · ベストアンサー

＞１．borderをつけると、四角い枠になりました。これをまるくすることは可能ですか？

「まるく」というのは角丸の四角形ということでしょうか？
角丸の四角形はInternetExplorerなどの一部のブラウザでは対応していないので（正確にはborder-radiusはCSS3での仕様で、Firefoxなどの一部のブラウザが先行で独自実装している）、以下のように画像を使ったり、CSSやJavascriptで擬似的に再現したりする方法が一般的です。

http://vivablog.net/webtool/basetemplate/kiji221/
http://garage.mods.jp/ex/css-circle/
http://allabout.co.jp/internet/hpcreate/closeup/CU20090723A/

＞２．現在まるくできないため、background-image　で、まるい画像（色付き）をくっつけました。が、サイズが合わず、一部分だけが表示されます。

具体的にどんな風に実装しているのかが分からないので、なんとも言いようがありませんが、背景画像のサイズ指定は（おそらく）できないので、サイトに合わせて画像を作成することになるかと思います。

お礼

回答ありがとうございます。
サイト拝見させていただきました。いろいろやり方があるんですね。
勉強になりました。
今後ともよろしくお願いします。