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】


レストアの仕方


2004/01/18

 
XML
カテゴリ:カテゴリ未分類

    昨日はボックスの中にテキストを入れた場合、ボックスの幅と高さがどのように影響を受けて変化するか、
    特性についてお話しました。
    ボックスの幅は大きさを指定しますと、テキストが自然に改行しましたが、
    高さはテキストによって広げられましたね。
 
    では!画像を入れた場合はどうでしょうか?
 
    
   width=150
 
 
   height=150

    この幅150×高さ150のボックスに元画像の大きさが、幅270×高さ184の画像を入れてみましょう。
     
    それが↓このボックスです。ボックスも幅270×高184になります。


 
    お判りでしょうか!画像をボックスに入れますと、ボックスより大きな画像では
    いくらボックスの幅と高さを指定しても、画像の大きさにボックスが押し広げられてしまいます。
 
    この辺をよく理解しておくとボックスに画像を入れたとき、戸惑う事がありません。
 

 


<center>
<div style="border-style:solid;border-color:blue;border-width:1px;width: 80%;height:100px;background-color:burlywood;background-image:url(~背景画像のURL~);">
此処に文字や画像のURL、ボックスのタグを入れます。
</div>




    ここで <center></center> のタグを入れていますから、日記の幅を100%とすれば
    センターリングして80%の表示になります。
    承知願いたいのは、ボックスの中のテキストもみなセンターリングします。
 
    ボックスの枠を指定しているタグはこれです。
    border-style:solid;border-color:red;border-width:1;
    詳しくは、こちら→【ボックスの枠を変える(1)】  【ボックスの枠を変える(2)】に行ってみて下さい。
    背景画像を指定しなければ、背景色が表示されます。
    背景色も表示しなければ、透過します。背景色の背景画像を指定するタグはこれですね。
    background-color:背景色;beige;background-image:url(背景画像のURL);
 
    ではみなさんがんばって下さいませ。【日記で使う!ボックスのお勉強!】まだまだ続きます!( ̄m ̄*)V

    Σ(゜ロ゜)ノノあれえぇぇぇ~~~!ボックスがはみ出してる・・・( ̄д ̄) エーなぜ???
    【おまけ!】
    こんな風にボックスを自在に動かす事が出来ます。
    日記のTABLEの外にも置けます。
    次回やってみましょうか!( ̄m ̄*)V
    日記の飾り付け【プチ講座メニュー】はこちらから!
    ご注意:プチ講座は2003/11/28のタグ規制で使えないものがあります。
        ご承知おきください。








Last updated  2004/09/04 04:57:50 PM
コメント(13) | コメントを書く



PR

Profile


gtone

Calendar


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