用CSS圓角創建一條線

我需要顯示一些區域內有圓角的內容。與這些角落相關的圖像在一個.png文件中。在努力展現圓角，我使用了以下內容：用CSS圓角創建一條線

<table border="0" cellpadding="0" cellspacing="0" style="width:800px;"> 
    <tr> 
    <td style="height:12px; width:12px;background-image:url(/images.png);background-position:108px 48px;">&nbsp;</td> 
    <td style="background-color:silver;">&nbsp;</td> 
    <td style="height:12px; width:12px;background-image:url(/images.png);background-position:124px 48px;">&nbsp;</td> 
    </tr> 

    <tr> 
    <td style="background-color:silver;">&nbsp;</td> 
    <td>My content goes here.</td> 
    <td style="background-color:silver;">&nbsp;</td> 
    </tr> 
</table>

奇怪的是，還有就是我的上角和內容之間的細線。這條線雖然沒有出現在中間的列之間。起初我以爲我錯了，但他們看起來很好。有人對我做錯了什麼有什麼想法嗎？或者我該如何解決這個問題？

謝謝！

來源

2011-03-21 user609886

請爲全能CSS神的愛不使用表格佈局！ – corroded 2011-03-21 10:11:08

並學會接受答案，否則沒有人會被激勵來幫助你 – corroded 2011-03-21 10:11:33

:)你是對的。我需要經歷並接受人們的答案。我的錯。 – user609886 2011-03-21 10:16:35

有沒有人有任何想法我做錯了什麼？

使用表格進行佈局。
使用基於圖像技術的圓角。
使用內聯樣式（除非您純粹爲了簡潔而使用它們來提問）。

我該如何解決這個問題？

使用此HTML：
```
<div id="content"></div> 
```

使用此CSS：

width: 800px; 
-moz-border-radius: 20px; 
border-radius: 20px;

我們使用CSS3屬性border-radius，這將在IE9工作，其他現代瀏覽器。

如果您在舊版本的Internet Explorer中需要圓角，則應使用CSS3PIE。

它只要下載一個文件，並添加一行到你的CSS一樣簡單：

#myElement { 
    ... 
    behavior: url(PIE.htc); 
}

Live Demo（不CSS3PIE）

來源

2011-03-21 10:18:26 thirtydot

所以，主要是所有的東西！ :) – 2011-03-21 10:26:36

用CSS圓角創建一條線

回答

相關問題