8,864
回編集
(空白のページを作成しました) |
編集の要約なし |
||
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> | |||
|} | |||
回編集