livedoor ナレッジ

文字を四角く囲んで２色にするには？

本文中の文字の装飾なんですが、例えば 文字の周りを四角く赤で囲って、中の文字を黄色にしたりできますか？さらにその文字を大きくしたいです。お知恵貸してください。

テーブルタグを使えば出来ると思いますが・・・
以下のような感じ

<table width="200" border="1" cellpadding="1" cellspacing="0" bordercolor="#FF0000">

 <tr>
   <td><font color="#FF00FF">文字</font>　<font color="#0000FF">文字</font></td>
 </tr>

</table>

背景や文字の色を変えるのは単語単位ですか？もしくは段落単位ですか？

段落毎であれば(例えば引用分を書く時など)STRANGERさんの言うようにTABLEを使うかpやdivを使うのがよいと思います。

例えば
CSSで

div.box{
border:#f00 1px solid;
color:#ff0;
}

と設定しておいてHTMLで

<div class="box">変えたい文章</div>

単語単位ならspanで設定すれば良いと思いますが、私がよく使うのはemです。

キーワードなど強調したい文字を変えるときは大体同じ色で変えるので最初からCSSでemを装飾しておきます。
例えば

em{
color:#f00;
font-style:none;
font-size:14px;
}

などと設定しおいてHTMLで

<em>変えたい文字</em>

と打つだけで文字色を変える。

emはもともと字体を斜めにするタグですが、強調する意味が含まれていますのでSEOに有利(らしい)です。