【コピペ】囲み枠素材集(シンプル・かわいい)

目次

コピペで出来る囲み枠素材集

 

HTMLタグをテキスト表示画面で入力すると、簡単に囲み枠を作ることが出来ます。
お好みのHTMLタグをコピペして利用してください。

 

囲み枠を設置する方法・手順

 

以下のブログで囲み枠の設置方法を紹介しています。使い方が分からないという方はご覧ください。

 

https://benrinet.work/2020/02/02/645/

シンプルな囲み枠素材集

 

囲み枠のHTML素材集です。HTMLタグをコピペして自由にお使いください。

 

青色

 

ここに文章を入力
<div style=”padding: 16px; border: solid 3px #4169e1; border-radius: 10px; background-color: #f0f8ff; margin-top: 30px; margin-bottom: 30px;”>ここに文章を入力</div>

外枠赤・背景ピンク

 

ここに文章を入力
<div style=”padding: 16px; border: solid 3px #ff0000; border-radius: 10px; background-color: #ffc0cb; margin-top: 30px; margin-bottom: 30px;”>ここに文章を入力</div>

外枠黄色・背景ホワイトスモーク

 

ここに文章を入力
<div style=”padding: 16px; border: solid 3px #ffff00; border-radius: 10px; background-color: #f5f5f5; margin-top: 30px; margin-bottom: 30px;”>ここに文章を入力</div>

 

外枠オレンジ・背景黄色

 

ここに文章を入力
<div style=”padding: 16px; border: solid 3px #ffa500; border-radius: 10px; background-color: #ffff00; margin-top: 30px; margin-bottom: 30px;”>ここに文章を入力</div>

 

外枠黒・背景グレー

 

ここに文章を入力
<div style=”padding: 16px; border: solid 3px #000000; border-radius: 10px; background-color: #c0c0c0; margin-top: 30px; margin-bottom: 30px;”>ここに文章を入力</div>

 

外枠緑・背景グリーンイエロー

ここに文章を入力
<div style=”padding: 16px; border: solid 3px #008000; border-radius: 10px; background-color: #adff2f; margin-top: 30px; margin-bottom: 30px;”>ここに文章を入力</div>

 

よかったらシェアしてね!

この記事を書いた人

『道に迷うことこそ、道を知ることだ』

道に迷いまくってブログを始めてしまいブログ歴1年、のんびり副業系ブロガーです。ブログの中身とは裏腹に、ドライブ好きのアウトドア派です。

現在『へそくり屋』と『暇つぶしドットコム』の2つのブログを運営中です。ブログについてはまだまだ未熟者です。

この『へそくり屋』では、WordPressに関する情報や、ブログアフィリエイトで役立つ情報を発信しています。

コメント

コメントする

目次
閉じる