HTML如何在文字前加图片(注意文字是以表格形式出现)加急!
代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css" /><script src="https://cdn.jsdelivr.net/npm/vue/dit/vant.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js"></script> <script type="text/javascript"> document.addEventListener('plusready', function(){ //console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。") </script></head><body><table width="414" border="0"><tr><td colspan="2" style="background-color:#673900;"><font color="white"><h3 style="text-align:center">茗月楼</h3></font></td></tr></table></body></html>
如果只是把文字放在图片前面,直接把文字放在图片的前面就可以! 那如果你是想把文字放在图片里面,那你就可把图片当成背景! 例如: 风格一 (文字放在图片前面) <header> <img src="images/logo.jpg" > <div class="class"> <span>咨询热线:</span> <span "class1" style="color:#F90">020-38812305</span> 输入关键字<img src="images/search_inp.jpg"> </div> </header> 风格二(文字放在图片中) <header> <img src="images/logo.jpg" > <div class="class"> <span>咨询热线:</span> <span "class1" style="color:#F90">020-38812305</span> <div style=" background: url(images/search_inp.jpg);">输入关键字</div> </div> </header>