GT-ONE 楽天タグ講座 パイプ奮闘記

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2003/03/28
XML
カテゴリ:【プチ講座】



■【初心者のためのプチ講座 VOL.4】

  【初心者のためのプチ講座 VOL.3】(3月23日)の日記で
  テーブルタグのように使える、ボックスを紹介しました。
  取り急ぎ、ボックスタグの雛形しか載せませんでしたので、
  今日は属性のタグの説明をしてみましょう。

    

  ここに、このように本文を入れましたり、
  画像を表示するタグを貼りつける事が出来ます。



    この雛形を下に書いて見ます。

    


    <div style="border-style: double; background:#FFFF80; color:red; width: 70%; height: 100px;">
  ここに、このように本文を入れましたり、
  画像を表示するタグを貼りつける事が出来ます。

</div>



    では、属性に付いて紹介します。
   border-style: 枠の属性;   枠のスタイルを指定します。
    
    border-style: double;    属性の指定のところに doubleと入れますと
                  一番最初のような枠になります。
    border-style: none;     枠が表示されません。
    border-style: solid;     枠が実線で表示されます。
    border-style: dotted;    枠が点線で表示されます。 
    border-style: groove;    枠の部分がへこんだように表示されます。
    border-style: ridge;     枠の部分が浮き上がったように表示されます。

   background: 背景の属性;   背景色を指定します。属性の所に、
                  カラーコードで「C0C0C0」「FFFF80」と
                  書いてもいいですし、「red」とか「blue」とか
                  カラーネームを書き込んでもOKです。
                  【カラーサンプル】はこちらから!

   color: 枠の色;        枠の色を指定します。背景と同じように
                  カラーコードやカラーネームを書き込みます。

   width: 幅; height: 高さ    ボックスの幅と高さを指定します。
                  PX(ピクルス)と%(パーセント)で指定します。
                  幅も高さも100%にしますと、日記のテーブル枠
                  いっぱいに表示します。

 
  おまけ!(*^_^*)            

    ↑これもボックスなんですが、このように
    ライン的な使い方も出来ます。
    楽天の編集ページで見出しなどをくくっているのは
    テーブルで作ったラインです。
    ボックスでも↑上のようにラインが出来ます。

    このラインにするタグを書いてみましょう。

    


<font style="border-style: none; background:red; width: 50px; height:20px;"> </font> おまけ!(*^_^*)<font style="border-style: none; background:red; width: 400px; height:20px;">           </font>



    このようになります。
    私のトップページに↓この様な文字の入った
    ラインがありますが、あれもテーブルです。

  
  【BGMを止めるのは、ブラウザの中止ボタン×を押してください!】


    テーブルでやる場合の雛形を書きますと。
    ↓このようになります。

    


<TABLE WIDTH="100%" BORDER="0" CELLPADDING="3">
<TR>
<TD WIDTH="80%" BGCOLOR="yellow"><B><FONT COLOR="#ff0000">■</FONT>【BGMを止めるのは、ブラウザの中止ボタン×を押してください!】</B></TD>
</TR>
</TABLE>



    日記でやる場合は、↓このようになります。

    


  <div style="border-style: none; background:yellow; width: 90%; height:25px;">  <FONT COLOR="#ff0000">■</FONT>【BGMを止めるのは、ブラウザの中止ボタン×を押してください!】</div>



    では!みなさん色々試して見てください。
    今週はどうにかして、【おもしろタグ教室】の
    「テーブルで整理整頓VOL.2」を更新したいものです。(-_-;)    










Last updated  2004/09/19 01:37:19 PM
コメント(8) | コメントを書く


PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.