回答編集履歴
2
追記しました
test
CHANGED
@@ -38,7 +38,7 @@
|
|
38
38
|
|
39
39
|
</tr>
|
40
40
|
|
41
|
-
<tr s
|
41
|
+
<tr class="none">
|
42
42
|
|
43
43
|
<td>内容</td>
|
44
44
|
|
@@ -123,3 +123,43 @@
|
|
123
123
|
補足:最終行にradius指定が…ってtdのbottomにborder入れてないから角丸に
|
124
124
|
|
125
125
|
なっていなくても、気づかないだけですね(笑)。
|
126
|
+
|
127
|
+
|
128
|
+
|
129
|
+
追記:逆に攻めてみました
|
130
|
+
|
131
|
+
```CSS
|
132
|
+
|
133
|
+
.none {
|
134
|
+
|
135
|
+
display:none;
|
136
|
+
|
137
|
+
}
|
138
|
+
|
139
|
+
#box table tr td:first-child {
|
140
|
+
|
141
|
+
border-radius:0 0 0 5px;
|
142
|
+
|
143
|
+
}
|
144
|
+
|
145
|
+
#box table tr td:last-child {
|
146
|
+
|
147
|
+
border-radius:0 0 5px 0;
|
148
|
+
|
149
|
+
}
|
150
|
+
|
151
|
+
#box table tr:not(.none):not:last-child td:first-child,
|
152
|
+
|
153
|
+
#box table tr:not(.none):not:last-child td:last-child {
|
154
|
+
|
155
|
+
border-radius:0;
|
156
|
+
|
157
|
+
}
|
158
|
+
|
159
|
+
```
|
160
|
+
|
161
|
+
最初から、左端のtd左下に角丸、右端のtd右下に角丸を指定。
|
162
|
+
|
163
|
+
notで、最終行と.none以外を角丸無しにする。
|
164
|
+
|
165
|
+
スタイル直書きはクラスにしておきました。
|
1
気づいたことを補足
test
CHANGED
@@ -117,3 +117,9 @@
|
|
117
117
|
border-collapse:separate;は[こちらを参考に](http://alc.netgamebm.com/p/140)、
|
118
118
|
|
119
119
|
なぜか、thにはradius指定が必要だけど、最終行のtdには必要ないようです。
|
120
|
+
|
121
|
+
|
122
|
+
|
123
|
+
補足:最終行にradius指定が…ってtdのbottomにborder入れてないから角丸に
|
124
|
+
|
125
|
+
なっていなくても、気づかないだけですね(笑)。
|