1,377
回編集
差分
細
編集の要約なし
</source>
こんな感じで、ソースがそのまま表示される。
==外観関係==
===Vector CSSの変更===
==== green-message class ====
試しに green-messageのクラスを作成してみる。
以下そのCSS
<source lang="html4strict" enclose="div">
/*--------------------------------------------*/
.green-message {
border: 1px solid #ade874;
width: 100%;
padding: 0.7em;
margin: 1em;
display:block;
width: auto;
background-color:#f4f9ef;
}
</source>
*書き方
<source lang="html4strict" enclose="div">
<div class="green-message">
これはgreen-message cssの表示例です。
</div>
</source>
*以下表示例
<div class="green-message">
これはgreen-message クラスの表示例です。
</div>
====head-boxpint class with head-boxpint class====
*書き方
<source lang="html4strict" enclose="div">
<div class="head-boxpint"><div class="head-boxpint-in">
これはhead-boxpint with head-boxpint クラスの表示例です。
</div></div>
</source>
*以下表示例
<div class="head-boxpint"><div class="head-boxpint-in">
これはhead-boxpint with head-boxpint クラスの表示例です。
</div></div>
====よもやま話の修正版====
<div class="ymym">
これはよもやま話の新しいフレームです。
よもやま話の内容＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠
＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠
そのような話題の話を「よもやま話」というようになった。
Admin (トーク) 2016年6月11日 (土) 00:19 (JST)
</div>