wie kann ich ein Schach mit HTML und CSS erstellen ?
ich darf nur <div> benutzen
3 Antworten
meinst du ein schachbrett? weil ne funktion mit html css wird schwierig sein...
ansonsten...
<div class="even"></div>
<div class="odd"></div>
und des ganze dann wiederholen lassen. even = weiß, odd=schwarz. in der class legst dann die farbe fest. und den divcontainern selbst gibst n float und ne entsprechende breite/höhe
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
HTML, CSS, Java
Statt wie bei den bisher geposteten Lösungen ein extra class-Attribut zu setzen, würde es für das Styling auch ausreichen, mit :nth-child zu arbeiten.
div:nth-child(odd) {
/* ... */
}
div:nth-child(even) {
/* ... */
}
Schaue mal hier als "Ansatz":
http://code2care.org/pages/chessboard-with-pieces-using-pure-html-and-css/
Du musst nur die Figuren (Unicode) rausnehmen,
wenn Du das nicht brauchst...
das ist immer noch nicht ganz klar für mich kannst du mir bitte noch helfen ?