SOURCE

<h3>图片库</h3>
<p>试着调整窗口,看看当图片没有足够的空间会发生什么。</p>
<img class="thumbnail" src="http://www.runoob.com/images/klematis_small.jpg" width="107" height="90">
<img class="thumbnail" src="http://www.runoob.com/images/klematis2_small.jpg" width="107" height="80">
<img class="thumbnail" src="http://www.runoob.com/images/klematis3_small.jpg" width="116" height="90">
<img class="thumbnail" src="http://www.runoob.com/images/klematis4_small.jpg" width="120" height="90"><br>
<h3 class="text_line">第二行</h3><br>
<img class="thumbnail" src="http://www.runoob.com/images/klematis_small.jpg" width="107" height="90">
<img class="thumbnail" src="http://www.runoob.com/images/klematis2_small.jpg" width="107" height="80">
<img class="thumbnail" src="http://www.runoob.com/images/klematis3_small.jpg" width="116" height="90">
<img class="thumbnail" src="http://www.runoob.com/images/klematis4_small.jpg" width="120" height="90">

.thumbnail 
{ border-radius:25px;
	float:left;
	width:110px;
	height:90px;
	margin:5px;
  border:1px solid red;
	outline:#FFA500 dotted  ;
}
.text_line
{
	clear:both;
	margin-bottom:2px;
}