Mijnenveger - Opdracht 2

Opdracht 2: Het mijnenveld zichtbaar maken

Klik maar eens wat rond op het speelscherm. Je zult zien dat er wel wat gebeurt als je op sommige plekken in het browservenster klikt. Maar hoe weet je waar je precies moet klikken? Geen idee, dat kunnen we nu niet zien.

Het mijnenveld en de afzondelijke vakjes, worden gemaakt door een tabel. Om die zichtbaar te maken, gaan we de afzonderlijke tabel cellen voorzien van een rand.

De opmaak code (CSS) voor de tabel staat in het bestand mijnenveger.css

▶▶▶ Zoek Opdracht 2 op in het bestand mijnenveger.css en verander de code zodanig dat de vakjes een zichtbare rand van 1 pixel breed krijgen, zodat het scherm er uit ziet als in de afbeelding.

Mijnenveger - Voorbeeld

Probeer eerst zelf het antwoord te vinden voor je het opzoekt of controleert.

Oplossing 2

#veld table td {  background-color: rgb(195, 195, 195);  width: 30px;  min-width: 30px;  height: 30px;  min-height: 30px;  border: 1px solid black; }

Herstart nu het spel door toets F5 te drukken. Beter zo?

Als je tevreden bent, ga dan verder met opdracht 3.