ホームページ > 記事 > ウェブフロントエンド > HTML のテーブル行に丸い角を追加するにはどうすればよいですか?
境界線の半径を使用したテーブル行のスタイル設定
HTML テーブルでは、
この制限を克服するには、次の CSS スタイルを使用できます:
<code class="css">table { border-collapse: separate; border-spacing: 0; } td { border: solid 1px #000; border-style: none solid solid none; padding: 10px; } tr:first-child td:first-child { border-top-left-radius: 10px; } tr:first-child td:last-child { border-top-right-radius: 10px; } tr:last-child td:first-child { border-bottom-left-radius: 10px; } tr:last-child td:last-child { border-bottom-right-radius: 10px; } tr:first-child td { border-top-style: solid; } tr td:first-child { border-left-style: solid; }</code>
これらのスタイルは次のことを実現します。
以上がHTML のテーブル行に丸い角を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。