Mostrar Mensajes
1
Aprender a programar desde cero / Re:CSS y HTML Cuáles son los tipos de borde TOP, RIGHT, LEFT Y BOTTOM CU01026D
« en: 13 de Junio 2017, 20:59 »
A mi no ha salido muy bien aunque no he usado ese código. He reutilizado uno que salia bien en otro ejercicio pero no veo por donde me equivoco. Lo pego por si le ven el fallo.
<meta charset="utf-8">
<title>Ejercicio CU01021D</title>
<link rel="stylesheet"type="text/css"href="myestilo.css">
</head>
<body>
<h2 >Colores</h2>
<div class="Color-caja">
<div>div1</div><br/><br/>
<div>div2</div><br/><br/>
<div>div3</div><br/><br/>
<div>div4</div><br/><br/>
<div>div5</div><br/><br/>
<div>div6</div><br/><br/>
<div>div7</div><br/><br/>
<div>div8</div><br/><br/>
<div>div9</div><br/><br/>
<div>div10</div><br/><br/>
</div>
</body>
</html>
css
Color-caja div:nth-child(1){border-style:none;border-width:20px; border-color:red;}
Color-caja div:nth-child(2){border-style:hidden;border-width:20px; border-color:blue;}
Color-caja div:nth-child(3){border-style:dotted;}
Color-caja div:nth-child(4){border-style:dashed;}
Color-caja div:nth-child(5){border-style:solid;}
Color-caja div:nth-child(6){border-style:dooble;}
Color-caja div:nth-child(7){border-style:groove;}
Color-caja div:nth-child( 8 ){border-style:ridge;}
Color-caja div:nth-child(9){border-style:inset;}
Color-caja div:nth-child(10){border-style:outset;}
<meta charset="utf-8">
<title>Ejercicio CU01021D</title>
<link rel="stylesheet"type="text/css"href="myestilo.css">
</head>
<body>
<h2 >Colores</h2>
<div class="Color-caja">
<div>div1</div><br/><br/>
<div>div2</div><br/><br/>
<div>div3</div><br/><br/>
<div>div4</div><br/><br/>
<div>div5</div><br/><br/>
<div>div6</div><br/><br/>
<div>div7</div><br/><br/>
<div>div8</div><br/><br/>
<div>div9</div><br/><br/>
<div>div10</div><br/><br/>
</div>
</body>
</html>
css
Color-caja div:nth-child(1){border-style:none;border-width:20px; border-color:red;}
Color-caja div:nth-child(2){border-style:hidden;border-width:20px; border-color:blue;}
Color-caja div:nth-child(3){border-style:dotted;}
Color-caja div:nth-child(4){border-style:dashed;}
Color-caja div:nth-child(5){border-style:solid;}
Color-caja div:nth-child(6){border-style:dooble;}
Color-caja div:nth-child(7){border-style:groove;}
Color-caja div:nth-child( 8 ){border-style:ridge;}
Color-caja div:nth-child(9){border-style:inset;}
Color-caja div:nth-child(10){border-style:outset;}
RSS