img要素にborderを使う場合のデモページ

見出し(タイトル)

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

<div id="main">
<h2>見出し(タイトル)</h2>
<p><img src="image/img.gif" alt="" width="480" height="65" /></p>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</p>
</div>
#main	{
	width: 480px;
	padding:10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}
#main h2	{
	font-size: 133.3%;
	padding: 5px 10px;
	border-bottom: 2px solid #999;
	margin: 0 -10px 10px;
}
#main img	{
	border: 2px solid #000;
	margin: 0 -2px;
}
#main p	{
	margin-bottom: 1em;
}
Copyright © 2009 CSS Lecture All rights reserved.