ひなこの楽天web制作研究所

これをどうやって書くかというと、枠で囲みたい範囲をまず<p>と</p>で囲ってください。囲いましたか？

そしたら、
<p style="">

と記述を追加。pのあとには、「半角の空白」をいれてください。全角はだめだよ。

そのうしろの、スタイルイコール　ダブルクォーテーションの間に指示を書きます。

border: solid 1px #FF6600

solid というのが線の種類です。他には

none なし

double

dashed

dotted

groove

ridge

inset

outset

があります。

で、
border: solid 1px #FF6600

の二番目の1pxてのは1ピクセルです。この数字を大きくすると線が太くなるよ。

で、最後の#FF6600が色です。

どの数字がどういう色なのかは1号が作った webセーフカラー一覧表 をご覧ください。

以上まとめて書くと

<p style="border: solid 1px #FF6600;">

です。

・間の空白は半角
・borderのあとにコロン：
・ダブルコーテーションで囲んでいる前の部分でセミコロン;

をつけて。

コンピューターは細かいので、ほんのちょっとのスペルミスも見逃してくれないのでよ～くみてね。

これだけだと、まだへんなので、もっとかっこよくなるように、続きます。