スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

画像に枠線をつける方法

dance04  dance04  dance04

画像を枠で囲む方法です。

左のものは、枠線がなし
中のものは、細い枠線
右のものは、太い枠線

枠線の太さも簡単にかえることができます。


まず簡単に画像のタグの説明をします。

通常、画像を表示させる場合、①か②のように表示されます。

①<img src="画像ファイル名" alt="画像の説明テキスト" border="**"><br clear="all">

②<a href="画像ファイル名" target="_blank"><img src="画像ファイル名" alt="画像の説明テキスト" border="**"></a><br clear="all">

①は通常の画像表示で、②は画像をクリックすると画像が拡大表示します。

枠線をつける場合は、border="**"の**の部分に数字をいれます。逆に枠線を入れたくない場合は、0を入力します。

入れる数字の単位はピクセルとなります。
ピクセルとは画面の点のことで、1ピクセルは画面の点1つ分になります。

一番上の中の画像は1ピクセルで右のものは3ピクセルで表示してあります。

タグは次のようになります。
画像左 <img src="画像ファイル名" alt="画像の説明テキスト" border="0">
画像中 <img src="画像ファイル名" alt="画像の説明テキスト" border="1">
画像右 <img src="画像ファイル名" alt="画像の説明テキスト" border="3">

参考までに<br clear="all">のタグをつけると、画像や文章は画像の下に続きます。このタグが付いていると一番上のように並べて画像を表示できませんので削除してくださいね。




ブログランキング





スキマビジネス
実践して効果のあったビジネスだけを紹介、会社を辞めずに週末起業で稼ぐ方法あります
http://sbiz.jp/af/u/?af=037954

起業家オーナー最強パッケージ
「再販権付」起業家オーナー最強パッケージ109,800円の強力ツールがなんと100名限定で10,000円で提供
http://tinyurl.com/33r6xn

ホームページ売上アップドットコム
アフィリエイター専用のアクセスアップサービス
http://www.hpuriageup.com/php-sys/go/58179/a1/

驚愕パーフェクトホームページ制作講座
ネット初心者がまるでプロが作成したようなホームページをHTMLとスタイルシートのテンプレートで作成出来るようになれる!
http://tinyurl.com/35vrws

本気の方だけへ提供するネットビジネス徹底サポート!
ノウハウだけでは稼げない!!本気でビジネスで成功したい方へご提供する徹底サポート!!ネットビジネス総合サポート
http://tinyurl.com/2uck9l



スポンサーサイト


タグ | 【2007-08-02(Thu) 17:12:10】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © アフィリエイトしましょ!!! All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。