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/04/06

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

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

  今回は、HTMLのタグだけを使って、飾り文字を書いてみましょう。
  まずは、普通に<font>タグを使いまして書いて見ます。

  Welcome to My Home Page
  これはこのように書いています。
  <font color=red size=6 FACE="HGS創英角ポップ体">
  Welcome to My Home Page</font>


  スタイルシートを使いまして、FONTに属性を持たせますと、
  飾り文字を色々指定する事が出来ます。
  スタイルシートで、上のものと同じく書いて見ますとこうなります。
    
 Welcome to My Home Page


  これはどのように書いているかといいますと!↓このようになります。

    

<div style="width:100%;color:red;font-size:30px;">Welcome to My Home Page</div>


    color:"色の指定"      カラーネームでもカラーコードでもOKです。
    font-size:"文字の大きさ"  fontタグの1が5ぐらいだと思ってください。
    width:100%        これはこのまま100%でOKです。

    【カラーサンプル】はこちらから!


  では、スタイルシートに飾り文字の属性を指定してみましょう。
  楽天で使える、4種類の飾り文字を紹介してみます。

  テキストに影を落とします。          filter:dropshadow
  テキストにぼかしを入れます。         filter:blur
  テキストを立体的に見せます。         filter:shadow
  テキストを光っているように見せます。     filter:glow

  文字の色は、すべて赤(red)で指定して見ます。
  文字の大きさは、すべて 30 に指定します。
  文字体はあらかじめ、FACE="HGS創英角ポップ体"に指定しています。

  【影を落とします】      

  Welcome to My Home Page

    

<div style="filter:dropshadow(color:black) ;width:100%;font-size:30px;color:red;">Welcome to My Home Page</div>


  【ぼかします】     

  Welcome to My Home Page

    

<div style="filter:blur(strength:20);width:100%;font-size:30px;color:red;">  Welcome to My Home Page
</div>


  【影付き】     


  Welcome to My Home Page

    

<div style="filter:shadow(color:black)
;width:100%;font-size:30px;color:red;">
Welcome to My Home Page
</div>


  【縁を光らせます】     


  Welcome to My Home Page

    

<div style="filter:glow(color:yellow)
;width:100%;color:red;font-size:30px;">
Welcome to My Home Page
</div>


 


  どうでしょう!ちょっとした見出しに使って見てはどうでしょうか。
  ではではみなさん、がんばってください。(*^^)v







Last updated  2004/08/22 04:31:22 PM
コメント(7) | コメントを書く



PR

Profile


gtone

Calendar


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