2012-11-18 72 views
1

如何在桌面右下角放置圖像?我想爲桌角設置圖片。 我該怎麼做在HTML或CSS?如何在桌面右上角放置圖像

這裏是例子我想:

enter image description here

+0

圖像在哪裏?請添加您的圖片。 – NewUser

+0

http://i.imgur.com/v1lli.png不是這個圖像? –

+0

@StevenHolzner:您需要裁剪圖像的表格部分並將其保存爲PNG –

回答

1

你需要用表中一個div,設置相對位置,並在絕對位置的角落細節圖像股利。

+0

我該怎麼做? –

+0

@StevenHolzner,用代碼檢查我的答案 –

3

您需要爲表作爲@Sonasish羅伊的包裝說:

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/

相關問題