|
|
| 1行目: |
1行目: |
|
| |
| {| class="wikitable" style="margin:0 auto ; background-color:#ffffff"
| |
| |style="background-color:#eeeeee"|'''<big><span id="表の角を丸くする方法">表の角を丸くする方法</span></big>'''<br><small>[[利用者:キュアラプラプ|キュアラプラプ]] ([[利用者・トーク:キュアラプラプ|トーク]]) 2021年3月29日 (月) 18:30 (JST)</small>
| |
| |-
| |
| |メインページや姉妹プロジェクトで使われてるアレの作り方です
| |
| {| class="wikitable mw-collapsible mw-collapsed"
| |
| |詳細情報
| |
| |-
| |
| |
| |
| #基本
| |
| ##表全体のstyle属性にこれを追加します
| |
| ##*<code>style="border-collapse:separate ; border-radius:10px"</code>
| |
| ##セルのstyle属性のborderにこれを追加します
| |
| ##*<code>style="border:none"</code>
| |
| #応用
| |
| ##border-radius
| |
| ##*値を大きくすることで丸みを強くできます
| |
| ##**例：<code>style="border-radius:50px"</code>
| |
| ##*四つの角でそれぞれ丸みを変えられます
| |
| ##**例：<code>style="border-radius:10px 20px 30px 40px"</code>
| |
| ##**このとき、左上→右上→右下→左下の順に描写されます。
| |
| ##*楕円形にすることもできます
| |
| ##**例：<code>style="border-radius:10px 20px"</code>
| |
| ##**このとき、横半径→縦半径の順に描写されます。
| |
| ##*また、四つの角でそれぞれ丸みを変えつつ楕円形にもできます。
| |
| ##**例：<code>style="border-radius:10px 20px 30px 40px / 40px 30px 20px 10px"</code>
| |
| ##**このとき、左上横半径→右上横半径→右下横半径→左下横半径→左上縦半径→右上縦半径→右下縦半径→左下縦半径の順に描写されます。
| |
| |}
| |
| {| class="wikitable mw-collapsible mw-collapsed"
| |
| |コメント
| |
| |-
| |
| |
| |
|
| |
| |}
| |
| <span style="color:#0645ad">＃
| |
| {{#switch:1
| |
| |1=豆知識
| |
| |2=小ネタ
| |
| |3=記事案
| |
| |1
| |
| }}</span>
| |
| |}
| |
|
| |
|