帮我做一个相框效果，谢谢_html/css_WEB-ITnose-html教學-PHP中文網

帮我做一个相框效果，谢谢_html/css_WEB-ITnose

WBOY

發布： 2016-06-21 09:43:36

原創

1552 人瀏覽過

<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">    </style></head><body>    <table border="1" cellpadding="1" cellspacing="1"  >        <tr>            <td>                <img  class="imgInner" border="0" src="http://drmcmm.baidu.com/media/id=nHD1nWcdrHfd&gp=403&time=nHndrHT3n1TYPs.gif" alt="帮我做一个相框效果， 谢谢_html/css_WEB-ITnose" >                <img  src="http://www.photophoto.cn/m64/024/062/0240620078.jpg" / alt="帮我做一个相框效果， 谢谢_html/css_WEB-ITnose" >            </td>        </tr>    </table></body></html>

登入後複製

只要把相片放在相框正中间就好，谢谢

回复讨论(解决方案)

希望兼容ie8, ie10, chrome和firefox

这样？？

这样？？

拜托，你有没有看过我原来代码的效果呀？

一张图片是相框，一张图片是照片，希望把照片放在相框正中间……

<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">    </style></head><body>		<div   style="max-width:90%">			<image src="http://www.photophoto.cn/m64/024/062/0240620078.jpg">		</div>		<div style="position:absolute; margin-left:150px;margin-top:120px " >			<image src="http://drmcmm.baidu.com/media/id=nHD1nWcdrHfd&gp=403&time=nHndrHT3n1TYPs.gif" border="0">		</div></body></html>

登入後複製

<!DOCTYPE html><html><head>    <title></title>    <style type="text/css">    </style></head><body>		<div style="position:absolute; ">			<image src="http://www.photophoto.cn/m64/024/062/0240620078.jpg">		</div>		<div style="position:absolute; margin-left:150px;margin-top:120px " >			<image src="http://drmcmm.baidu.com/media/id=nHD1nWcdrHfd&gp=403&time=nHndrHT3n1TYPs.gif" border="0">		</div></body></html>

登入後複製

不要改我的结构，　只设置样式，　OK?