Feladat
Az alábbi HTML kód egy 8x8-as táblázatot hoz létre - bár böngészőben ebből semmi nem látszana,
mert a táblázat határolóvonalai hiányoznak, a cellái pedig üresek.
Megnyitás új ablakban
Az Ön feladata, hogy a CSS formázási lehetőségeinek segítségével készítsen a táblázatból egy
sakktáblát. Ehhez tehát csupán a forráskód elején szereplő
<style> ... </style>
közötti részben szükséges dolgoznia, a HTML tartalmon ne változtasson!
Elindulásként
- a fenti forráskódot jelölje ki,
- másolja vágólapra,
- hozzon létre egy új fájlt pl. sakktabla.html néven,
- illessze bele a vágólap tartalmát,
- dolgozzon a <style> ... </style> közötti területen.
Eredményül egy az alábbi ábrának megfelelő látványhoz kell jutnia böngészőben:
Tipp a megoldáshoz
A leginkább célravezető megoldást az jelentheti, ha felismerjük, hogy itt a
páros és
páratlan cellákkal érdemes játszani. A CSS-ben ehhez a
kifejezések kínálják a lehetőséget.
előző oldal
© infojegyzet.hu, 2018. szeptember 