Sisters:WikiWikiオンラインボード/表の角を丸くする方法
ナビゲーションに移動
検索に移動
- 基本
- 表全体のstyle属性にこれを追加します
style="border-collapse:separate ; border-radius:10px"
- セルのstyle属性のborderにこれを追加します
style="border:none"
- 表全体のstyle属性にこれを追加します
- 応用
- border-radius
- 値を大きくすることで丸みを強くできます
- 例:
style="border-radius:50px"
- 例:
- 四つの角でそれぞれ丸みを変えられます
- 例:
style="border-radius:10px 20px 30px 40px"
- このとき、左上→右上→右下→左下の順に描写されます。
- 例:
- 楕円形にすることもできます
- 例:
style="border-radius:10px 20px"
- このとき、横半径→縦半径の順に描写されます。
- 例:
- また、四つの角でそれぞれ丸みを変えつつ楕円形にもできます。
- 例:
style="border-radius:10px 20px 30px 40px / 40px 30px 20px 10px"
- このとき、左上横半径→右上横半径→右下横半径→左下横半径→左上縦半径→右上縦半径→右下縦半径→左下縦半径の順に描写されます。
- 例:
- 値を大きくすることで丸みを強くできます
- border-radius