中高年のBLOGを楽しもう

中高年のBLOGを楽しもう

飾り枠で楽しもう!



日記の中に飾り枠をつけて楽しんでみましょう。
この枠は破線(点線)で周りを囲んでいます。

<center style="border:3px dashed deeppink">
と書き込み、文章を入力してから</center>

と書き込んでください。

かならず、開始タグと終了タグをセットで使ってくださいね。
この場合は<center></center>と使っています。
(文字を中央にそろえています。)






PXサイズ(ピクセル)で点の大きさを自由に変えるとまた雰囲気が変わります。
pxサイズを3pxから1pxに変更してみました。

色も自由にかえてみるとおもしろいですw。
deeppinkからblueに変えてみました。

<center style="border:1px dashed blue"> 文章 </center>

と書き込むと点の大きさと色が変わりましたか?

サイズや色を変えて色々楽しんでくださいね。






日記の周りをちょっと飾ってみます。(^_-)-☆

たとえば、点線や水玉、二重線などが手ごろで使いやすいと思います。
昨日は点線で線の長さや色を変えてみましたが、今日は水玉で変~身。

今度は水玉の飾り枠をつけて楽しんでみましょう。
水玉(ドット)で周りを囲んでいます。

<center style="border:4px dotted red">
と書き込み、文章を入力してから</center>

と書き込んでください。

かならず、開始タグと終了タグをセットで使ってくださいね。
この場合は<center>と</center>で文字を中央にそろえてます。






水玉を大きくしてかわいくしたいなら
pxサイズを3pxから5pxとサイズ変更してみてください。
もちろん色もredからほかの色に変えて楽しんでくださいね。

<center style="border:7px dotted green">文章</center>
と色もgreenに変更して書き込んでいます。






ここまで大きくなるとどうでしょうか?
サイズは10pxで、色はblackにしてみました。
う~~んもう限界かな (*^o^)v






日記の枠飾り、最後は二重線の飾り枠をつけて楽しんでみましょう。
<center style="border:3px double red">
と書き込み、文章を入力してから</center>

と書き込んでください。

かならず、開始タグと終了タグをセットで使ってくださいね。
この場合は<center>と</center>で文字を中央にそろえてます。

Pxサイズと色を変えるとまた違う雰囲気が楽しめますので実験してみてください。










点線模様の dashed
<center style="border:5px dashed deeppink">
文章入力</center>







水玉模様の dotted
<center style="border:5px dotted blue">
文章入力</center>







二重線の double
<center style="border:5px double lime">
文章入力</center>





◆◆どの枠が好きですか?いろいろ使って楽しんでくださいね。

◆◆黄色いマーカーのしるし部分を差し替えて使います。


トップへトップへ戻る


© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: