テンプレート Wiki
タグ: rte-source
編集の要約なし
20行目: 20行目:
 
;CSSの解説
 
;CSSの解説
 
:paddingで枠と文字の間を調整、borderで枠の太さや色、形を調整しています。詳しくは[http://www.htmq.com/style/border.shtml こちら]のサイトを参考にしてみてください。
 
:paddingで枠と文字の間を調整、borderで枠の太さや色、形を調整しています。詳しくは[http://www.htmq.com/style/border.shtml こちら]のサイトを参考にしてみてください。
  +
  +
{{DEFAULTSORT:みたしてさいん}}
  +
  +
[[カテゴリ:デザイン]]

2019年2月7日 (木) 12:34時点における版

見出しに関しての基本はこちら を参考にしてください。

インラインCSSを用いて枠を付ける

インラインCSSを使うことで見出しをデザインすることができます。

1本線の枠を付ける

点線の赤枠を付ける

立体的な線を付けて背景を黒くして白文字にする

解説

要素をhtml化
Mediawiki言語は以下のように代替することが可能。これを用いて見出しにスタイルを適用させます。
見出しレベル2:==null== → <h2>null</h2>
見出しレベル3:===null=== → <h3>null</h3>
見出しレベル4:====null==== → <h4>null</h4>
見出しレベル5:=====null===== → <h5>null</h5>
CSSの解説
paddingで枠と文字の間を調整、borderで枠の太さや色、形を調整しています。詳しくはこちらのサイトを参考にしてみてください。