teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

修正

2020/05/21 05:17

投稿

new1ro
new1ro

スコア4528

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

修正

2020/05/21 05:17

投稿

new1ro
new1ro

スコア4528

answer CHANGED
@@ -1,3 +1,5 @@
1
+ > こちらについて現在の<table>を利用するレイアウトを変えずに、解決する方法はないでしょうか。
2
+
1
3
  残念ながら、不可能です。以下のように、<td>の中に1つ<div>や<span>や<a>などを追加する形が、いまあるソースコードに一番近い形での実装にはなると思います。
2
4
  `border`ではなく、`box-shadow`を使用している点はご注意ください。
3
5