Estoy haciendo pruebas con margin y padding, y me preguntaba si había alguna manera mejor de poner cuadrículas en dos colores (o sea dameros) que haciendo un div por cada casilla.
Aclaro que luego quiero dar propiedades independientes a las casillas, de modo que no vale meter el damero completo como imagen de fondo. ¿O tal vez sí?
Un ejemplo. En el index:
<div id="panel">
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
</div>
Y en la hoja css:
#panel {background-color:gray; width:560px; height:380px; padding:10px;}
#blue {background-color:blue; width:180px; height:120px; float:left;}
#aqua {background-color:aqua; width:180px; height:120px; float:left;}
Gracias, un saludo.
Aclaro que luego quiero dar propiedades independientes a las casillas, de modo que no vale meter el damero completo como imagen de fondo. ¿O tal vez sí?
Un ejemplo. En el index:
<div id="panel">
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
<div id="aqua"></div>
<div id="blue"></div>
</div>
Y en la hoja css:
#panel {background-color:gray; width:560px; height:380px; padding:10px;}
#blue {background-color:blue; width:180px; height:120px; float:left;}
#aqua {background-color:aqua; width:180px; height:120px; float:left;}
Gracias, un saludo.