回答編集履歴

6

完結。

2021/03/16 07:30

投稿

退会済みユーザー
test CHANGED
@@ -27,6 +27,12 @@
27
27
  padding: 0;
28
28
 
29
29
  border: 1px solid #000000;
30
+
31
+ }
32
+
33
+ table {
34
+
35
+ border-spacing: 0;
30
36
 
31
37
  }
32
38
 
@@ -76,4 +82,4 @@
76
82
 
77
83
 
78
84
 
79
- ![イメージ説明](27dd3cbdb046ba96bbed4ea650a29ed7.png)
85
+ ![イメージ説明](2093c13dde14beb92a34a4d44cb6253f.png)

5

完結。

2021/03/16 07:30

投稿

退会済みユーザー
test CHANGED
@@ -25,6 +25,8 @@
25
25
  background-color: rgb(253, 233, 217);
26
26
 
27
27
  padding: 0;
28
+
29
+ border: 1px solid #000000;
28
30
 
29
31
  }
30
32
 
@@ -74,4 +76,4 @@
74
76
 
75
77
 
76
78
 
77
- ![イメージ説明](a3ea00e3edb5fc454e80afa71f28c270.png)
79
+ ![イメージ説明](27dd3cbdb046ba96bbed4ea650a29ed7.png)

4

加筆

2021/03/16 07:23

投稿

退会済みユーザー
test CHANGED
@@ -71,3 +71,7 @@
71
71
  </div>
72
72
 
73
73
  ```
74
+
75
+
76
+
77
+ ![イメージ説明](a3ea00e3edb5fc454e80afa71f28c270.png)

3

見直し

2021/03/16 07:19

投稿

退会済みユーザー
test CHANGED
@@ -15,10 +15,6 @@
15
15
  }
16
16
 
17
17
  .border2 {
18
-
19
- border: none;
20
-
21
- margin: 0;
22
18
 
23
19
  padding: 0;
24
20
 

2

見直し

2021/03/16 07:18

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,38 @@
1
1
  td要素の外側に余計な要素をおいているからではないかと。
2
2
 
3
+ かつ、ちょっとスタイルシートをいじってpaddingをキャンセルしたり。
4
+
3
5
  ```php
6
+
7
+ <style>
8
+
9
+ .border {
10
+
11
+ border: 1px solid #000000;
12
+
13
+ background-color: rgb(235, 241, 222);
14
+
15
+ }
16
+
17
+ .border2 {
18
+
19
+ border: none;
20
+
21
+ margin: 0;
22
+
23
+ padding: 0;
24
+
25
+ }
26
+
27
+ .border_add {
28
+
29
+ background-color: rgb(253, 233, 217);
30
+
31
+ padding: 0;
32
+
33
+ }
34
+
35
+ </style>
4
36
 
5
37
  <div>
6
38
 
@@ -8,11 +40,11 @@
8
40
 
9
41
  <tr>
10
42
 
11
- <td class="border" style="border: 1px solid #000000" ><span class="mgr">1</span></td>
43
+ <td class="border"><span class="mgr">1</span></td>
12
44
 
13
- <td class="border" style="border: 1px solid #000000" ><span class="mgr">2</span></td>
45
+ <td class="border"><span class="mgr">2</span></td>
14
46
 
15
- <td class="border" style="border: 1px solid #000000" ><span class="mgr">3</span></td>
47
+ <td class="border"><span class="mgr">3</span></td>
16
48
 
17
49
  </tr>
18
50
 
@@ -24,11 +56,11 @@
24
56
 
25
57
  <tr>
26
58
 
27
- <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
59
+ <td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
28
60
 
29
- <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
61
+ <td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
30
62
 
31
- <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
63
+ <td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
32
64
 
33
65
  </tr>
34
66
 

1

見直し

2021/03/16 07:16

投稿

退会済みユーザー
test CHANGED
@@ -2,7 +2,25 @@
2
2
 
3
3
  ```php
4
4
 
5
+ <div>
6
+
7
+ <table>
8
+
9
+ <tr>
10
+
11
+ <td class="border" style="border: 1px solid #000000" ><span class="mgr">1</span></td>
12
+
13
+ <td class="border" style="border: 1px solid #000000" ><span class="mgr">2</span></td>
14
+
15
+ <td class="border" style="border: 1px solid #000000" ><span class="mgr">3</span></td>
16
+
17
+ </tr>
18
+
19
+ <?php
20
+
5
- <?php for ($i=0; $i<9; $i++) {?>
21
+ for ($i=0; $i<9; $i++) {
22
+
23
+ ?>
6
24
 
7
25
  <tr>
8
26
 
@@ -14,8 +32,14 @@
14
32
 
15
33
  </tr>
16
34
 
17
- <?php }?>
35
+ <?php
18
36
 
37
+ }
19
38
 
39
+ ?>
40
+
41
+ </table>
42
+
43
+ </div>
20
44
 
21
45
  ```