あきこ＠ゆっくりパソコンタイムです。
四角で囲みたい
ときはこうします。
<fieldset><legend>ここにタイトルいれちゃうよ</legend>
<p>
ここは囲まれた文章です。１<br />
ここは囲まれた文章です。２<br />
ここは囲まれた文章です。３<br />
</p>
</fieldset>
なにも指定しないと黒の実線になります。
赤の点線にする場合は
<fieldset style="border: 1px dotted rgb(255, 0, 0);"> ← ココ
<legend>ここにタイトルいれちゃうよ</legend><br />
<p> ここは囲まれた文章です。１<br />
ここは囲まれた文章です。２<br />
ここは囲まれた文章です。３<br />
</p>
</fieldset><br />
border: 1px dotted rgb(255, 0, 0)
borderは線の指定
1px 太さ。0だとなくなります。
dotted 線の種類。他に
最後は色。"red""#FF0000"でもOKです。
他は、気に行った四角をコピペしてみても早いですよ
四角で囲みたい
ときはこうします。<fieldset><legend>ここにタイトルいれちゃうよ</legend>
<p>
ここは囲まれた文章です。１<br />
ここは囲まれた文章です。２<br />
ここは囲まれた文章です。３<br />
</p>
</fieldset>
なにも指定しないと黒の実線になります。
赤の点線にする場合は
<fieldset style="border: 1px dotted rgb(255, 0, 0);"> ← ココ
<legend>ここにタイトルいれちゃうよ</legend><br />
<p> ここは囲まれた文章です。１<br />
ここは囲まれた文章です。２<br />
ここは囲まれた文章です。３<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です。
他は、気に行った四角をコピペしてみても早いですよ