2007年11月21日水曜日

文字を枠で囲みたい

以下の「テスト」のように、xmlで文字を囲む方法を友人から教えてもらったので、せっかくなのでメモに残しておく。

テスト


[テンプレート]-[HTMLの編集]で/* Headerを検索してその直前に以下を挿入

div.input-key {
  border: 1px dashed #000000;
  padding: 7px 10px;
  background-color: #cccccc;


borderは線の太さ、線の種類(今回は点線)、色を表していて、
paddingは最初の値が枠の外のインデント、2番目の値が文字のインデントを設定。
background-colorは枠の背景を指している。

これらの設定を任意で行って、本文で

<div class="input-key">テスト</div>


と記述すれば、枠が適用される。
コマンドとか囲むと見やすいので便利。

0 件のコメント: