あきこ@ゆっくりパソコンタイムです。
四角で囲みたいときはこうします。
<fieldset><legend>ここにタイトルいれちゃうよ</legend>
<p>
ここは囲まれた文章です。1<br />
ここは囲まれた文章です。2<br />
ここは囲まれた文章です。3<br />
</p>
</fieldset>
なにも指定しないと黒の実線になります。
赤の点線にする場合は
<fieldset style="border: 1px dotted rgb(255, 0, 0);"> ← ココ
<legend>ここにタイトルいれちゃうよ</legend><br />
<p> ここは囲まれた文章です。1<br />
ここは囲まれた文章です。2<br />
ここは囲まれた文章です。3<br />
</p>
</fieldset><br />
border: 1px dotted rgb(255, 0, 0)
borderは線の指定
1px 太さ。0だとなくなります。
dotted 線の種類。他に
最後は色。"red""#FF0000"でもOKです。
他は、気に行った四角をコピペしてみても早いですよ
四角で囲みたいときはこうします。
<fieldset><legend>ここにタイトルいれちゃうよ</legend>
<p>
ここは囲まれた文章です。1<br />
ここは囲まれた文章です。2<br />
ここは囲まれた文章です。3<br />
</p>
</fieldset>
なにも指定しないと黒の実線になります。
赤の点線にする場合は
<fieldset style="border: 1px dotted rgb(255, 0, 0);"> ← ココ
<legend>ここにタイトルいれちゃうよ</legend><br />
<p> ここは囲まれた文章です。1<br />
ここは囲まれた文章です。2<br />
ここは囲まれた文章です。3<br />
</p>
</fieldset><br />
border: 1px dotted rgb(255, 0, 0)
borderは線の指定
1px 太さ。0だとなくなります。
dotted 線の種類。他に
- solid : 1本線で表示されます。
- double : 2本線で表示されます。
- groove : 立体的に窪んだ線で表示されます。
- ridge : 立体的に隆起した線で表示されます。
- inset : 上と左のボーダーが暗く、下と右のボーダーが明るく表示され、
- ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。
- outset : 上と左のボーダーが明るく、下と右のボーダーが暗く表示され、
- ボーダーで囲まれた領域全体が立体的に隆起したように表示されます。
- dashed : 破線で表示されます。
- dotted : 点
最後は色。"red""#FF0000"でもOKです。
他は、気に行った四角をコピペしてみても早いですよ