Home >Web Front-end >HTML Tutorial >帮我做一个相框效果， 谢谢_html/css_WEB-ITnose
帮我做一个相框效果， 谢谢_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-21 09:43:361644browse
<!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 lazy" src="/static/imghwm/default1.png" data-src="http://drmcmm.baidu.com/media/id=nHD1nWcdrHfd&gp=403&time=nHndrHT3n1TYPs.gif" border="0" alt="帮我做一个相框效果， 谢谢_html/css_WEB-ITnose" > <img src="/static/imghwm/default1.png" data-src="http://www.photophoto.cn/m64/024/062/0240620078.jpg" class="lazy" / alt="帮我做一个相框效果， 谢谢_html/css_WEB-ITnose" > </td> </tr> </table></body></html>
只要把相片放在相框正中间就好， 谢谢
回复讨论(解决方案)
希望兼容ie8, ie10, chrome和firefox
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 |  |
这样？？
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| | |
这样？？
拜托， 你有没有看过我原来代码的效果呀？
一张图片是相框， 一张图片是照片， 希望把照片放在相框正中间……
<!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?
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：图片中英文导航在IE6里面都链接不过去_html/css_WEB-ITnoseNext article：如何实现chrome浏览器 新标签页的效果_html/css_WEB-ITnose