<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> .imagecontainer{ float:left; clear:left; background: url(http://scripts.ringsworld.com/image-galleries/snipegallery-3.1.4/images/shadowalpha.png) no-repeat bottom right !important; background: url(http://scripts.ringsworld.com/image-galleries/snipegallery-3.1.4/images/shadowalpha.png) no-repeat bottom right; margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; } .imagecontainer img{ display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } </style> </head> <body> <div class="imagecontainer" title="Dam! Don't you think my little bro is the cutest kid in the world?"> <img src="http://www.wubbleyew.com/tests/images/what%20you%20doing%20bruv.jpg" alt="Dam! Don't you think my little bro is the cutest kid in the world?" width="500" height="375"> </div> </body> </html> 