【アメブロ豆知識】かわいい色の囲み枠・罫線など

みなさま、こんばんは

パソコン・スマホ超初心者さん大歓迎！
出張パーソナルレッスン講師＆

パーソナルシステムエンジニアの

辰本ゆうこです。

 

 

 

 

 

かわいい色の囲み枠・罫線などです。
ご自由にお使いください(^^)
 
 

①【角丸・点線枠_背景なし】
 
ここに枠で囲みたい内容を入れます。

 

ここに枠で囲みたい内容を入れます。

 

ここに枠で囲みたい内容を入れます。

 

ここに枠で囲みたい内容を入れます。
 
 
 

②【角丸・点線枠_背景あり】
 
ここに枠で囲みたい内容を入れます。
 
ここに枠で囲みたい内容を入れます。
 
ここに枠で囲みたい内容を入れます。
 
ここに枠で囲みたい内容を入れます。
 
 


③【角丸・実線枠_背景あり】
ここに枠で囲みたい内容を入れます。

 

ここに枠で囲みたい内容を入れます。

 

ここに枠で囲みたい内容を入れます。

 

ここに枠で囲みたい内容を入れます。
 
 
 
 

④【見出し付きの囲み枠】
 
ここにタイトルを入れます。
ここに枠で囲みたい内容を入れます。

 

ここにタイトルを入れます。
ここに枠で囲みたい内容を入れます。

 

ここにタイトルを入れます。
ここに枠で囲みたい内容を入れます。

 

ここにタイトルを入れます。
ここに枠で囲みたい内容を入れます。

 
 


⑤【見出しつき罫線】
 
見出し
 
見出し
 
見出し
 
見出し
 
 
 
 
 

⑥【実線】
 
 
 
 


 
 

⑦【太い点線】
 
 
 
 




⑧【細い点線】
 
 
 
 



⑨【二重線】
 
 
 
 

 

★和色大辞典
http://www.colordic.org/w/

★HTMLカラーチャート
https://programmercollege.jp/column/1414/