ホームベーカリーで作るパンのレシピ

ホームベーカリーで作るパンのレシピ

テンプレート <P>タグ



 日記などに、使い方、いろいろです。
   背景の色を、指定できます。

   基本スタイルをきなこママさんに教わりました。


レシピのページ で使っています。

コピーして、そのまま、つかえるように、なりました。


基本





<CENTER><P style="background-color:#FFFFFF; border-style:outset; width:500px;border-width:1px;" ALIGN=LEFT>
ここに好きな文字。
</P></CENTER>


★(background-color:#FFFFFF)・・・背景色,白
  好きな色にかえられます。
★(width:500px)・・・・・・・・・・幅を自由に決めてください.
★0pxにすると、線が見えなくなります。。


1、
・色をピンクに
・1px を2px に




<CENTER>
<P style="background-color:pink; border-style:outset; width:550px;border-width:2px;" align=left>
ここに好きな文字。
</P></CENTER>





2、
・線の幅         width:3px 
・幅 をせまく      width:400px に変更
・実線にしてみました。  outset を solid に変更
・線をピンクに変更    border-color: pink をつけたす 




<CENTER>
<P style="background-color:#ffffff; border-style:solid;border-color: pink; width:500px;border-width:3px;" align=left>
ここに好きな文字
</P></CENTER>






3、
・破線・・・・・・border-style:dashed に変更
・線の幅・・・・・4pxに変更




<CENTER>
<P style="background-color:#ffffff; border-style:dashed;border-color: pink; width:500px;border-width:4px;" align=left>
ここに好きな文字。
</P></CENTER>





4 
  ・align=left を、はずしたら、文字が中央によりました。
  ・border-width:2px に変更
  ・線の幅を、550pxに変更
 ・色をかえてみました。
  ・点線 dotted に変更




<CENTER>
<P style="background-color:pink; border-style:dotted;border-color: red; width:550px;border-width:2px;" >
ここに好きな文字。
</P></CENTER>






© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: