レイアウト変更 -

サイト順

日付をタブ風に。
そして、新着のように更新の順番は重要ではないので、記事を1行2列表示に変更。

↓

IEでは、カクカクしてしまうが、そんなに問題ではないのでスルー。

角を丸くするスタイルシート

-moz-border-radius-topright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-bottomleft:7px;

Safari用

-webkit-border-top-right-radius:7px;
-webkit-border-top-left-radius:7px;
-webkit-border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;

webkit だから chrome もいけるのかもしれない。

スタイルシートを使ってIEでも角を丸くする方法
http://garage.mods.jp/ex/css-circle/

他にも、画像を使ったもの、JavaScriptを使ったものがあるらしい。
とりあえず専用のスタイルシートが用意されている firefox と safari だけ対応を行った。
IEも、専用のスタイルシートが用意されると対応したいと思う。

参考にしました。
http://www.rottel.net/kuwa/17881
http://gigazine.net/index.php?/news/comments/20060525_rounded_corner_css/

新着順

サイト順

角を丸くするスタイルシート