こんにちは!オフィスワークONE代表の福原有起です。
▶︎初めましての方へのご挨拶
 

 

枠線や見出し線の使い方はカンタンです^^

 

選んで→選択して→コピー&ペースト

 

でOKです^^

 

 

コピペがうまくいかないときはブラウザ(Google ChromeとかFirefoxとかSafariとか)を変えてみるとうまく行ったりしますヨ。

 

もしくはHTMLモードでコピペで^^

 

 

では早速いってみましょー!

 

 

 

シンプルな囲み枠

 

 

文章

 

<fieldset>文章</fieldset>

 

 

文章

 

<fieldset style="border: 1px solid #ff0000;">文章</fieldset>

 

 

文章

 

<fieldset style="border: 1px solid #ff409f;">文章</fieldset>

 

 

文章

 

<fieldset style="border: 1px solid #33ccff;">文章</fieldset>

 

 

文章

 

<fieldset style="border: 1px solid #e2c6ff;">文章</fieldset>

 

 

文章

 

<fieldset style="border: 1px solid #ff7f00;">文章</fieldset>

 

 

文章

 

<fieldset style="border: 1px solid #ffd900;">文章</fieldset>

 

 

文章

 

<fieldset style="border: 1px solid #8b4513;">文章</fieldset>

 

 

 

タイトル付き二重線の枠

 

 

タイトル本文

 

<fieldset style="border:4px double"><legend>タイトル</legend>本文</fieldset>

 

 

タイトル 本文

 

<fieldset style="border:4px double #ff0000;"><legend>タイトル</legend> 本文</fieldset>

 

 

タイトル 本文

 

<fieldset style="border:4px double #ff409f;"><legend>タイトル</legend> 本文</fieldset>

 

 

タイトル 本文

 

<fieldset style="border:4px double #33ccff;"><legend>タイトル</legend>
本文</fieldset>

 

 

タイトル 本文

 

<fieldset style="border:4px double #e2c6ff;"><legend>タイトル</legend>
本文</fieldset>

 

 

タイトル 本文

 

<fieldset style="border:4px double #ff7f00;"><legend>タイトル</legend>
本文</fieldset>

 

 

タイトル 本文

 

<fieldset style="border:4px double #ffd900;"><legend>タイトル</legend>
本文</fieldset>

 

 

タイトル 本文

 

<fieldset style="border:4px double #8b4513;"><legend>タイトル</legend>
本文</fieldset>

 

 

随時増やしていきますね♪

 

 

image

 

 
 
おまけのワンポイントコピペがうまくいかないときはブラウザ(Google ChromeとかFirefoxとかSafariとか)を変えてみるとうまく行ったりします。

 

 

 

ちょっと上級編のおまけ枠の色を変えたいときはこちらの色見本のページのカラーコードを
編集画面の【HTML表示】の該当のカラーコードに当てはめて使ってくださいね^^