スポンサーサイト

今日は何位かな?→人気ブログランキングに参加しています♪

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


このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

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

画像枠線を変える

今日は何位かな?→人気ブログランキングに参加しています♪

画像の枠線を変えてみたい、そんなリクエストにお応えします♪

 
 
先週画像の枠線を消し方をご紹介したんですが、今回はその枠線の色を変える
方法を説明します。


・htmlで書く場合


<img src="(ファイル名)" border="1" border-color="#FF0000" />

1は線の太さです。
太くしたい場合は整数値で調整します。
#FF0000はカラーコードです。


スタイルシートで全ての画像に設定されてると反映されません。



・スタイルシートで書く場合(<head>内で処理)

<style type="text/css">
<!--
img { border: 2px #FF0000 solid; }
-->
</style>


上のソースを<head>~</head>内にコピー&ペーストします。
全部のimgタグに有効です。
線の太さを変える場合は2pxの数字を変えます。


solidは枠線の種類です。
他にgroove・ridge・inset・outsetがあります。
プレビューしながらどんなカンヂなのか見てみてください。



・スタイルシートで書く場合(別ファイルスタイルシートで処理)

img { border: 2px #FF0000 solid; }


上記のソースをスタイルシートのファイル(ファイル名.css)にコピー&
ペーストします。
全部のimgタグに有効です。
線の太さを変える場合は数字を変えます。



本来imgタグを使う場合は、altでその画像の説明、widthで画像幅、heightで
画像の高さを指定するのが正式な設定方法です。
全部設定するのはメンドーですが、文法チェックでは判定されます。


HTMLの文法チェック ther HTML-lint gateway

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

[tips]tips | 【2008-01-28(Mon) 09:00:00】 | Trackback:(0) | Comments:(18) | [編集]
コメント
いつもありがとうございます。桜子です^^

おっ!いいですね~
私もそろそろカスタマイズしたいんだけどな~

それでは、応援のクリック゚・。+☆
2008-01-28 月  10:33:13 | 桜子@こっそり実践してる人 [編集]
ご来訪ありがとうございます^^
風邪引いて 戦闘不能でした orz

お気をつけ下さい><
2008-01-28 月  13:39:32 | nobusa [編集]
えあさん、こんにちわw

昔はinsetやoutsetを好んでつかっていたんですけれど、
最近は余裕がないこともあって、さっぱりです。
またカスタマイズしたくなってきましたよw

応援ぽちぽちっw
2008-01-28 月  13:40:01 | るいえ [編集]
こんにちは、みんみんです。

勉強になりました。

応援ポチ♪
イオです。

いつもありがとうございます。


これ、付いてる人いますね。

ほんの少しのことで、
見た目も変わるので
上手にカスタマイズしたいですね。



ではまた来ます。応援♪
2008-01-28 月  14:19:56 | 最速で稼ぐ男!イオ [編集]
えあさん、
こんにちは!

僕もいまだにサイト作るときは
HTMLのヘルプページ見て作ります^^

毎日使うものでもないので
なかなか覚えられないんですよね^^;



応援していきますね~!
2008-01-28 月  15:29:32 | こばやん [編集]
ども、ステファンです。
いつもありがとうございます。

こういうのってほんの少しで
印象が変わりますからね。

色々と試したいです。
いつも助かります。

応援
アディオス!

ステファン
2008-01-28 月  17:10:49 | アフィリエイトで成功への道 [編集]
Yukiです。

非常にわかりやすい解説ですね^^
HTMLは未だに苦手なので
タグをIMEに登録して使っています♪

応援!
2008-01-28 月  17:48:32 | Yuki@情報商材作成中♪ [編集]
応援ありがとうございました。
ほんとにぽちしてくれる人少ないんですよね。
感謝のお返し。ぽちぽち。
2008-01-28 月  18:36:14 | たくたくろ [編集]
まあくです。

いつもありがとうございます

相変わらず説明がうまいですね

ほんとここら辺の事って理解しづらいですよね

応援!
2008-01-28 月  19:07:41 | まあく@オンリーワン分析中 [編集]
えあちゃん。

こんばんは。
ロップです。

えあちゃんのブログをPDF化したら
売れそう^^
やってみようかな。。

てのは嘘です。
でも売れるよ。

心からの応援ポチ☆

PS.うちの王子様は5分刻みで
元気よく泣きます^^;

えあちゃんも・・・。
2008-01-28 月  19:20:43 | ☆ロップ☆ [編集]
こんばんは、
かずです。
コメント周りできました^^



カスタマイズの説明は
結構需要ありますよね^^



応援済み^^
tomです。

なるほど、今度使ってみます。
htmlは苦手で・・・

応援済み。
2008-01-28 月  21:44:16 | tom@月報酬100万突破 [編集]
たかマンです、こんばんわ。
いつもありがとうございます。

カスタマイズは難しいです。

徐々に勉強します^^;

応援ぽち。
2008-01-28 月  22:26:24 | たかマン@ブログの基礎から飛躍 [編集]
えあさん、こんばんは!
りずりさです。

今、カスタマイズに
悪戦苦闘を繰り返しています。

またお邪魔させていただきます。
応援♪くりっくる~(。・_・)σ
2008-01-29 火  01:29:28 | りずりさ@アフィリエイトドリル [編集]
こんばんは。

ぴろです^^

いつも訪問感謝します^^


HTMLはなかなか覚えられません^^;

頑張らないと。。。


応援済みです。
2008-01-29 火  01:40:34 | 齊藤ぴろ@今さら授業受けています [編集]
コウタロウです。

訪問遅れました(´・ω・`)
風邪復活です♪

ブログカスタマイズ特典とか
つけたら良さそうだね^^

ボクには出来ないので
えあちゃんしてみてw

またきますね(・∀・)

真心込めて応援ぽち*:.。..。.:*・゜(n‘∀‘)η゚・
こんばんわ、ハチです^^
CSSとかはほんと苦手です;

こればっかりはやりながら
そのつど勉強してる感じです。

えあさんのように
くわしくなれたらなあ(*´∀`)

応援ぽち☆
コメントの投稿


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

トラックバック

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


Copyright © ホームページ&ブログ作成tips All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。