作れましたら、やり方を教えていただけますでしょうか？
No.1
508
34
19pt
結論から言うと、作れます。
ライブラリが配布されておりますので、それを使うとよいでしょう。
ここの記事を読めば使い方が分かります。
例をたどって、ソースを読む。
http://gigazine.net/index.php?/news/comments/20060616_curvycorne...
具体的には、
http://www.curvycorners.net/usage.php
に使い方がのっていて、
<head>の中に
<script type="text/JavaScript" src="rounded_corners.js"></script>
を追加して、
＜DIV id="myDiv"＞＜/DIV＞
かぎかっこは半角に
でよいみたいですね。
No.2
310
19pt
はてブに「丸角」というタグがありました
http://b.hatena.ne.jp/t/%e8%a7%92%e4%b8%b8
こちらや
http://www.designwalker.com/2006/12/round-corner.html
ここらへん
http://gigazine.net/index.php?/news/comments/20060525_rounded_co...
なんかが役に立つのではないでしょうか？
No.3
2915301
18pt
■パターン１
http://www.html.it/articoli/nifty/index.html
結構有名な書き方ですが、書くのが面倒だし、メンテも面倒。
■パターン２
http://www.spiffycorners.com/sc.php
かなりスッキリしてますし、色合いを工夫すれば綺麗な角丸に見えます。
■パターン３
http://home.graffiti.net/deux/border-radius.html
ブラウザによってCSSを切り替えるのであればborder-radiusを使えば、、、
と思ってみれば既にやっている方が居られましたのでパターン３
（FireFoxなどはCSS onlyですがIE系はScript使って対応）
■私見ですが、、、
CSS2の実装もまだまだの現状では見た目にこだわる部分は画像で補っておいたほうが楽かもしれません。
No.4
20
18pt
CSSのみで実装可能です。
http://www.html.it/articoli/nifty/index.html
http://www.bnote.net/css/tips_custom_corners2.shtml
Javascriptで整える方法もありますが、すべてのブラウザがJavascriptをOnにしているとは限りませんので、CSSのみを使用した方法をお勧めします。
No.6
20
18pt
URLはダミーです。
(X)HTML・CSS2だけで、validな角丸を作る事は不可能だと思います。
様々な角丸ライブラリが公開されていますが、どれも、不要な空タグを挿入しなければならなかったりします。
CSS3では、background-imageプロパティの拡張やborder-radiusプロパティの追加で、validな角丸を作る事が出来ますが、
IE6/7、FF2.0等は対応していないので使ってもスルーされるだけです。
確か、operaは、CSS3のいくつかのプロパティを先行導入している筈なので使えると思いますが、恐らく無意味でしょう。
| 回答者 | 回答 | 受取 | ベストアンサー | 回答時間 | |
|---|---|---|---|---|---|
| 1 |  yusukey |
73回 | 64回 | 2回 | 2007-03-09 01:49:08 |
1912
1869
3
2
1
やはり、ＣＳＳだけでは無理ですかね。。。