css - 如何将图像放置在表格的右上角

Question

如何将图像放置在表格的右上角？我想为桌角设置图像。我怎样才能在 html 或 css 中做到这一点？

这是我想要得到的示例：

Answer 1

正如@Sonasish Roy 所说，您需要一个表格包装器：

HTML：

<div id="container_table">
   <img src="img_right.jpg">
   <table>
     <!-- Here is your table content /-->
   </table>
</div>

CSS：

#container_table{
   position:relative;
   //Set some width because table has width:100%;
   width: 90%;
}
#container_table img{
   position:absolute;
   right:0;
   top:0;
}
#container_table table{
   //Here some css for your table, even you can use background-image, but you can have some problem with borders.
}

如果您想查看上述所有代码与示例表和图像一起使用，我做了这个小提琴：http: //jsfiddle.net/H3Vqc/5/

Answer 2

您需要将表格包装在 div 中，将 div 设置为相对位置，将角细节图像设置为绝对位置。