![HTMLで文字を枠に入れる方法](https://i0.wp.com/business.news-wave.com/wp-content/uploads/2015/05/HTML2.jpg?fit=512%2C386&ssl=1)
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>