实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
width:500px;
background-color:yellow;
padding:10px;
}
p{
text-indent:2em;
}
img{
width:100px;
height:100px;
float:right;
margin-left:10px;
margin-bottom:10px;
border:2px dotted black;
}
</style>
</head>
<body>
<h3>带有边框的图像浮动右边实例 </h3>
<div>
<p>
<img src="img/pingguo.jpg"></img>
苹果（Malus pumila Mill.）：是落叶乔木，通常树木可高至15米，但栽培树木一般只高3-5米左右。树干呈灰褐色，
树皮有一定程度的脱落。苹果树开花期是基于各地气候而定，但一般集中在4-5月份。苹果是异花授粉植物，大部分品
种自花不能结成果实。
一般苹果栽种后，于2-3年才开始结出果实。果实一般呈红色，但需视乎品种而定。苹果树的果实富含矿物质和维生素
，为人们最常食用的水果之一。果实成长期之长短，一般早熟品种为65-87天，中熟品种为90-133天，晚熟品种则为137-168天。在一般情形下，栽种后苹果可有15-50年寿命。</p>
</div>
</body>
</html>
运行效果：
注意：这个实例把图像设置了边框样式为dotted 2px 大小。
评论