<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
第一种实现方法:图片作为背景
<div style="width:110pxheight:110pxbackground-image:url(http://tb.himg.baidu.com/sys/portrait/item/b5ceb7e7d6d0b5c4bcc5c4af5f8909)position:relative">
<div style="width:83pxheight:20pxbackground-image:url(http://tieba.baidu.com/tb/static-money/mall/mall_5.gif)position:absolutebottom:0">
</div>
</div>
第二种实现方法:div使用绝对定位,图片作为div里的对象
<div style="width:110pxheight:110pxposition:absolutetop:180pxleft:0">
<img src="http://tb.himg.baidu.com/sys/portrait/item/b5ceb7e7d6d0b5c4bcc5c4af5f8909"/>
<div style=" position:absoluteleft:0bottom:0">
<img src="http://tieba.baidu.com/tb/static-money/mall/mall_5.gif" />
</div>
</div>
</body>
</html>
两种方法都可以,也可以自己再组合。
演示的图片是直接使用百度贴吧里的图片的,楼主可以换成自己的图片。
代码直接贴过去运行就可以了。