(→解説) タグ: 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で枠の太さや色、形を調整しています。詳しくはこちらのサイトを参考にしてみてください。