HTMLでHTMLで文字を枠に入れる方法をご紹介いたします。項目「表」を使って枠をつける方法もありますが、外枠だけつけたい場合は、こんな方法もありますので参考にしてください。
目次
公開日 : / 更新日 :
HTMLでHTMLで文字を枠に入れる方法をご紹介いたします。項目「表」を使って枠をつける方法もありますが、外枠だけつけたい場合は、こんな方法もありますので参考にしてください。
目次
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 1px dotted #333333;”>
ここに文字を入力する。
</div>
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 1px dashed #333333;”>
ここに文字を入力する。
</div>
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 1px solid #333333;”>
ここに文字を入力する。
</div>
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 5px double #333333;”>
ここに文字を入力する。
</div>
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 1px dotted #333333; border-radius: 5px;”>
ここに文字を入力する。
</div>
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 1px dashed #333333; border-radius: 5px;”>
ここに文字を入力する。
</div>
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px;”>
ここに文字を入力する。
</div>
↓下記をコピー&ペースト
<div style=”padding: 10px; margin-bottom: 10px; border: 5px double #333333; border-radius: 10px;”>
ここに文字を入力する。
</div>