1

ほんの数行のコードを使用して、テーブルの行または要素に丸みを帯びた角を作成する方法があるはずです。（これは、画像を使用する他のより複雑な方法よりも好ましいようです。）

#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
}

ただし、css / js noobとして、これをどうすればよいかわかりません。要素内のスタイルタグに入れて丸めることはできますか？.cssファイルに入れますか？これをすべての行またはテーブルセルに適用したくはありません。1つだけです。正しい構文/使用法に感謝します。

4

2 に答える 2

1

コンテナのスタイル属性でそれを行うことができます：

<div style="-moz-border-radius: 15px; border-radius: 15px;">....</div>

またはcssファイル内：

.class1 { 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
}  

//and add it to your container:
<div class="class1">....</div>
于 2012-04-19T12:37:01.343 に答える
1

私の知る限り、これはIE 8や以下の対応ではありませんが、Chrome、Safari、Firefox（など）では機能します。

これを1回だけ使用する場合は、コンテナに直接入れてください。

<div style="-moz-border-radius: 15px; border-radius: 15px;"> Content here </div>

これをページで2回以上使用する場合は、ページの上部の先頭（またはスタイルシートファイル）に配置することをお勧めします。

<style type="text/css">
    .roundedcorners { 
        -moz-border-radius: 15px; 
        border-radius: 15px; 
    }  
</style>

と容器に入れて

<div class="roundedcorners"> Content here </div>

これは、テーブルでの使用に役立つ便利なWebサイトです：http：//www.red-team-design.com/practical-css3-tables-with-rounded-corners

于 2012-04-19T12:43:48.317 に答える