圓角不在表中顯示

我有這張表，並試圖給它添加圓角，但沒有任何反應。有人可以看看並告訴我我要去哪裏嗎？角落圖像的大小爲14px。圓角不在表中顯示

任何幫助將不勝感激。

<table cellpadding="0" cellspacing="0" > 
    <tr bgcolor="#e4322d" style="line-height: 0px"> 
     <td width="14px" height="14px"><img src="red1.png" width="14px" height="14px" alt=""></td> 
     <td width="430" style="font-size: .2em">&nbsp;</td> 
     <td width="14px" height="14px"><img src="red2.png" width="14px" height="14px" alt=""></td> 
    </tr> 

    <tr bgcolor="#e4322d"> 
     <td width="14px" style="font-size: 1px">&nbsp;</td> 
     <td width="430" bgcolor="#e4322d" align="center" style="color: white; font-size: 16px"><span style="font-family: Verdana,Geneva,sans-serif; color:#FFFFFF;"><br>Come swim in our latest pool.<br><br></span></td> 
     <td width="14px" height="14px" style="font-size: 1px;">&nbsp;</td> 
    </tr> 

    <tr bgcolor="#e4322d" style="line-height: 0px"> 
     <td width="14" height="14"><img src="red3.png" width="14" height="14" alt=""></td> 
     <td width="430" style="font-size: 0px;" height="2"></td> 
     <td width="14px" height="14"><img src="red4.png" width="14" height="14" alt=""></td> 
    </tr> 
</table>

來源

2011-08-12 Alan

真正的問題是，你要完成這個HTML的矯枉過正。你可以使整個事情根本與此HTML：

<div class="banner">Come swim in our latest pool.</div>

並添加此CSS這需要所有造型的護理：

.banner { 
    width: 450px; 
    padding: 35px 0; 
    background: #E4322D; 
    border-radius: 14px; 
    text-align: center; 
    font-size: 16px; 
    color: #FFF; 
}

看起來你沒有使用CSS，並使用這是一種老式的，過時的，過時的HTML技術。沒有必要。我會花時間快速學習CSS。它會改變你的生活！從這裏開始;它簡單易學：

http://www.w3.org/wiki/CSS/Training/What_is_CSS

，並通過使用CSS，並具有爲您的網站的全局樣式表，你將能夠重複使用的樣式，而不必每次都編寫新的代碼爲它。例如，您可以將多個橫幅看起來與您的「在我們最近的游泳池中游泳」相同，只需向他們提供同一個類別即可：

<div class="banner">Come swim in our latest pool.</div> 
<div class="banner">Also, check out this!</div> 
<div class="banner">Hey, this box looks the same as the other two!</div>

來源

2011-08-12 13:45:49 BadHorsie

非常感謝此建議。它已經改變了我的生活以及說話。 – Alan

只是想說，這個問題，答案，並由此產生的「生活變化」填補了我意想不到的CSS書呆子的幸福！：D – mjisrawi

如果我可以的話，我會進一步投票。 –

圓角不在表中顯示

回答

相關問題