HTML 文本框怎么插入图片 就像图片上的那样

HTML 文本框怎么插入图片 就像图片上的那样,第1张

它这个不是插入图片,是本身就是一张图片用了绝对定位,至于图片旁边的框,应该也是一张图片吧。

绝对定位position:absolute,然后设置你的上下左右就可以了,记得给父元素加上相对定位

按你说的是无法实现的,文本框中是无法添加图片的。但是通过布局可以实现,既abstrcat

布局来实现,让图片覆盖文本框的一部分,就可以实现你想要的结果。或者你可以将图片和文本框放在一个div中,让他们贴在一起也可以,百度一下就是这样做的。

<style>

*{ padding:0 margin:0 list-style:none}

.div{ text-align:center width:80% margin:0 auto}

.div ul{ padding-top:50px}

.div li{ width:25% float:left}

.div img{ border:1px solid red width:80% height:80px margin-bottom:20px}

.div span{ display:block margin-top:20px}

</style>

<div class="div">

 <h1>标题</h1>

 <ul>

  <li><img name="" src="" /><br />图片描述1<br /><span>图片描述2</span></li>

  <li><img name="" src="" /><br />图片描述1<br /><span>图片描述2</span></li>

  <li><img name="" src="" /><br />图片描述1<br /><span>图片描述2</span></li>

  <li><img name="" src="" /><br />图片描述2<br /><span>图片描述2</span></li>

 </ul>

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7596913.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存