回答編集履歴
2
修正
    
        answer	
    CHANGED
    
    | @@ -12,6 +12,8 @@ | |
| 12 12 | 
             
            </table>
         | 
| 13 13 | 
             
            ```
         | 
| 14 14 |  | 
| 15 | 
            +
            SVGを用いたり、<canvas>とJavaScriptを組み合わせたりするような方法もあるかもしれません。もしくはFirefoxを作っている「Mozilla Corporation」という会社にお願いしてみる..、というのもあり得るかもしれません。いずれにしても<td>のなかに<div>などを1つ追加するだけの方が楽だと思います。
         | 
| 16 | 
            +
             | 
| 15 17 | 
             
            ---
         | 
| 16 18 | 
             
            kei344さんのご指摘の通り`style=""`ではなく、`<style>...</style>`に書いたり、CSSファイルに分けたりしたほうがいいので、そちらの書き方も書いておきます。
         | 
| 17 19 |  | 
1
修正
    
        answer	
    CHANGED
    
    | @@ -1,3 +1,5 @@ | |
| 1 | 
            +
            > こちらについて現在の<table>を利用するレイアウトを変えずに、解決する方法はないでしょうか。 
         | 
| 2 | 
            +
             | 
| 1 3 | 
             
            残念ながら、不可能です。以下のように、<td>の中に1つ<div>や<span>や<a>などを追加する形が、いまあるソースコードに一番近い形での実装にはなると思います。
         | 
| 2 4 | 
             
            `border`ではなく、`box-shadow`を使用している点はご注意ください。
         | 
| 3 5 |  | 
