トップ > インターネット > ホームページ作成・素材 > ゼロから始めるHTMLドリル！

ゼロから始めるHTMLドリル！

<<メルマガトップへ<<前の記事 ｜ 次の記事>> ｜ 最新の記事

【ゼロから始めるHTMLドリル】第９回 2/4

発行日： 2008/7/11

____________________＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

【ゼロから始めるHTMLドリル】第９回の２

■画像に枠線をつける■

前回は画像を表示して、サイズの指定をしましたね。
今回はその画像に「枠」をつけて見ましょう。

説明よりも実際にやってみたほうが理解しやすいので、
まずはソースを打って、画面に表示させてください。

<html>
<head></head>
<body>
<img src="画像の名前.拡張子" border="10" style="border-color:blue;" />
</body>
</html>

実行すると、青枠で囲まれた画像が表示されると思います。

タグの中身を見てみましょう。
「border="10"」でボーダー、つまり枠線の太さををピクセル数で10ピクセルと指定しています。
さらに「style="border-color:blue;」でボーダーカラー、つまり枠線の色をblue（青）と指定しているわけです。

「border="～"」で太さを指定できますので、自由な数値を入れて実行してみてください。
そして、「style="border-color:blue;」も同じく、blueの部分を他の色（red・yellowなど）に変えて表示するもの、ぜひ試してみてください。

<<メルマガトップへ<<前の記事 ｜ 次の記事>> ｜ 最新の記事

>> メルマ！の会報誌もお届けします

ブックマーク：

このメルマガを読んでいる人はこんなメルマガも読んでいます

初心者のためのホームページアクセスアップ講座: 　本マガジンを読んでいただくことで、貴方のホームページがより魅力あるホームページに進化し、もう一度来ようと思わせる「本当の」アクセスアップをされると...
週刊飲食店なびニュース: 中小飲食店経営者の皆様と、これから飲食店を開業されたい方々に向けて、飲食ジャーナリスト兼プロデューサーの佐藤こうぞうと「テンポス情報館」スタッフを始...
実践で使えるダジャレ・こばなし: 寒いダジャレやこばなしを言ってませんか？でも、ダジャレって誰にでも愛されてしまう、友人や彼女との会話に使ってみてね☆
男性による、男性のためのパワーダイエット: 　たくさんの人々が興味を持ち、トライしているダイエット。ダイエットは、本当は難しいものじゃありません。実はダイエット成功の鍵は、あなたの「心の中」に...
ＦＸ投資を学ぼう: 今後、ＦＸ投資で、利益を得、自分の人生を変えたいと、お考えの方のみ、私と一緒に、ＦＸ投資について、学んでいきましょう。