回答編集履歴
1
説明の改善
answer
CHANGED
|
@@ -11,4 +11,17 @@
|
|
|
11
11
|
}
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
*の後ろが全角空白になってますので、それを半角空白に修正すれば、余白はなくなります。
|
|
14
|
+
上記の`*`の後ろが全角空白になってますので、それを半角空白に修正すれば、余白はなくなります。
|
|
15
|
+
|
|
16
|
+
灰色のボーダーは他の方の回答でできてますね。
|
|
17
|
+
|
|
18
|
+
角丸（border-radius）を有効にするには、
|
|
19
|
+
|
|
20
|
+
```css
|
|
21
|
+
.map-list {
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
border:2px solid #ccc;
|
|
24
|
+
border-radius: 6px;
|
|
25
|
+
overflow: hidden; /* 追加 */
|
|
26
|
+
}
|
|
27
|
+
```
|