html 如何让一张图片在表格的左上角显示

html 如何让一张图片在表格的左上角显示,第1张

要想图片靠在左上角,要用到css的绝对定位样式才能实现:

在图片里面加样式position:absolutetop:0left:0

<html>

<body>

<table style="position:relativewidth:500px">

<tr>

  <td style="border:1px red solid width:200pxheight:200px">

   <img src="../test.jpg" style="position:absolutetop:0left:0" />   </td>

 

</tr>

</table>

</body>

</html>

这是绝对定位和相对定位的区别问题,两者定位时的参照物不同,绝对定位是相对于他的父级元素,相对定位是相对于自身定位,所以相对定位时设置right:0;就是相对于自己,右边为0;而且浏览器默认是左对齐,所以他当然在左上角。

你好,你试试这个<body style="background-image:url(link.jpg) no-repeat scroll top left"></body>

如果你想背景不跟随滚动条滚动的话,再加上background-attachment:fixed


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存