丸められた角がテーブルに表示されない

Question

このテーブルがあり、丸い角を追加しようとしましたが、何も起こりません。誰かが見て、私が間違っている場所を教えてもらえますか？コーナー画像のサイズはそれぞれ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> 

Answer 1

実際の問題は、このためにHTML上で完全に過度に使用されていることです。

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

そして、すべてのスタイルの世話をする、このCSSを追加します：あなたは、単にこのHTMLで全体を作ることができます

.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>