HTMLで文字を枠に入れる方法

1.細かい点線の枠に入れる

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 1px dotted #333333;”>
ここに文字を入力する。
</div>

2.点線の枠に入れる

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 1px dashed #333333;”>
ここに文字を入力する。
</div>

3.実線の枠に入れる

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 1px solid #333333;”>
ここに文字を入力する。
</div>

4.二重線の枠に入れる

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 5px double #333333;”>
ここに文字を入力する。
</div>

5.細かい点線の枠に入れる（角丸つき）

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 1px dotted #333333; border-radius: 5px;”>
ここに文字を入力する。
</div>

6.点線の枠に入れる（角丸つき）

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 1px dashed #333333; border-radius: 5px;”>
ここに文字を入力する。
</div>

7.実線の枠に入れる（角丸つき）

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px;”>
ここに文字を入力する。
</div>

8.二重線の枠に入れる（角丸つき）

↓下記をコピー＆ペースト

<div style=”padding: 10px; margin-bottom: 10px; border: 5px double #333333; border-radius: 10px;”>
ここに文字を入力する。
</div>