第一种方法、添加一个DIV，采用绝对定位，图片所属DIV为基准。
参考代码如下：
1
2
3
4
5
6
<div style="position:relativewidth:100pxheight:100px">
<img src="" alt="" />
<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">
文字
</div>
</div>
第二种方法、图片作为背景图片。
参考代码如下：
1
2
3
<div style="background:url(abc.jpg) no-repeat left top">
文字
</div>
css中添加边框的代码为
border: width style color /*分别设置边框粗细、样式、颜色*/示例如下：
创建Html元素：一个包含文章内容的div
<div class="post">这是示例的文章。</div>设置css样式
div.post{width:400pxheight:100px
padding:10px
border:2px solid #ebbccb /*设置边框为2px粗，实线，#ebbccb色*/
}
观察显示效果
