コピペで使える囲み枠(赤色)

よく使っている枠をご紹介します♪

目次

コピペで使える「囲み枠」ー赤ー

点線&枠内色付き

枠内の本文
↓コピー用↓
<div style="background:#ffeeee; padding:10px; border:2px dotted #ff4040;">枠内の本文</div>

実線&枠内色付き

枠内の本文
↓コピー用↓
<div style="background:#ffeeee; padding:10px; border:2px solid #ff4040;">枠内の本文</div>

点線&枠内色なし

枠内の本文
↓コピー用↓
<div style="padding: 10px; border: 2px dotted #FF4040;">枠内の本文</div>

実線&枠内色なし

枠内の本文
↓コピー用↓
<div style="padding: 10px; border: 2px solid #FF4040;">枠内の本文</div>

区切り線(実線)


↓コピー用↓
<hr style="border:1px solid #ff4040">

区切り線(二重線)


↓コピー用↓
<hr style="border-top: 3px double #ff4040">

区切り線(点線)


↓コピー用↓
<hr style="border:1px dashed #ff4040">

区切り線(細かい点線)


↓コピー用↓
<hr style="border-top: 1px dotted #ff4040">

タイトル付き囲み枠

◆ここにタイトル枠内の本文
↓コピー用↓
<fieldset style="padding: 10px; border: 2px solid #FF4040;"><legend><span style="color: #ff4040;"><strong>◆ここにタイトル</strong></span></legend>枠内の本文</fieldset>

タイトル付き囲み枠(角丸)

◆ここにタイトル枠内の本文
↓コピー用↓
<fieldset style="padding: 10px; border-radius: 10px; border: 2px solid #FF4040;"><legend><span style="color: #ff4040;"><strong>◆ここにタイトル</strong></span></legend>枠内の本文</fieldset>

その他の便利な枠

タイトル
↓コピー用↓
<div style="border-bottom: 1px solid #ff4040; border-top: 1px solid #ff4040; padding: 13px;">枠内の本文</div>
タイトル
↓コピー用↓
<div style="border-left: 10px solid #ff4040; background-color: #fee; padding: 13px;">枠内の本文</div>
タイトル
↓コピー用↓
<div style="background-color: #fee; padding: 13px;">枠内の本文</div>
タイトル
↓コピー用↓
<div style="background-color: #faa; padding: 13px;">枠内の本文</div>
よかったらシェアしてね!

この記事を書いた人

OfficeSAKI株式会社 代表取締役

「一人一人が自分の才能や能力を生かし、描いたビジョンが当たり前に実現する世界へ」

年商1000万〜規模の各業界の一線で活躍する経営者、個人事業者の在宅秘書。

個人・法人問わず、ご自身で事業をされている経営者の方で自分にしかできない仕事に集中したい方と、事務が得意で、自分を売り込むことよりも誰かのサポートが得意な方が協力しあい、より豊かな循環を生み出す活動をしている。

社長の“面倒くさい”を一手に引き受け、本業に専念できるよう裏方でサポートする。
「苦手な事務作業のストレスから解放されて売上が倍増した」「請求忘れや経費の無駄がなくなった」「痒いところに手が届く気配りが本当に助かる」と、1年間の継続率94%と満足度の高さは群を抜いている。

1984年生まれ。
20代は、栄養士として病院や特別養護老人ホームに約5年間勤務。
2人目の子どもの出産を機に起業し
2015年8月より個人事業主・経営者の方の事務サポート業務開始。

プライベートでは、8歳・6歳・2歳の3人の子の母。

コメント

コメントする

CAPTCHA


目次
閉じる