Autor Tema: CSS aplicar estilo listas list-style-type list-style-position Ejercicio CU01048D (Leído 2370 veces)

Dimitar Stefanov · « **en:** 22 de Enero 2016, 00:55 »

Buenas tardes, aquí dejo los códigos del ejercicio CU01048D del curso CSS desde cero.

Código HTML:

<!DOCYTUPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<meta name="description" content="Portal web"/>
	<meta name="keywords" content="programar,cursos"/>
	<link rel="stylesheet" type="text/css" href="estilos83.css"/>
	<title>Portal web</title>
</head>
<body>
	<div>
		<ul>
			<li>Elemento 1</li>
			<li>Elemento 2</li>
			<li>Elemento 3</li>
			<li>Elemento 4</li>
			<li>Elemento 5</li>
			<li>Elemento 6</li>
			<li>Elemento 7</li>
			<li>Elemento 8</li>
			<li>Elemento 9</li>
			<li>Elemento 10</li>
			<li>Elemento 11</li>
			<li>Elemento 12</li>
			<li>Elemento 13</li>
			<li>Elemento 14</li>
			<li>Elemento 15</li>
			<li>Elemento 16</li>
			<li>Elemento 17</li>
			<li>Elemento 18</li>
			<li>Elemento 19</li>
			<li>Elemento 20</li>
			<li>Elemento 21</li>
			<li>Elemento 22</li>
			<li>Elemento 23</li>
			<li>Elemento 24</li>
			<li>Elemento 25</li>
			<li>Elemento 26</li>
			<li>Elemento 27</li>
		</ul>
	</div>
</body>
</html>

Código CSS: "estilos83.css"

Código: [Seleccionar]

li:first-child, li:nth-child(2), li:nth-child(3) {
	list-style-type: disc;
	list-style-position: outside;
}
li:nth-child(4), li:nth-child(5), li:nth-child(6) {
	list-style-type: circle;
	list-style-position: inside;
}
li:nth-child(7), li:nth-child(8), li:nth-child(9) {
	list-style: square inside;
}
li:nth-child(10), li:nth-child(11), li:nth-child(12) {
	list-style-type: none;
}
li:nth-child(13), li:nth-child(14), li:nth-child(15) {
	list-style-type: decimal outside;
}
li:nth-child(16), li:nth-child(17), li:nth-child(18) {
	list-style: decimal-leading-zero outside;
}
li:nth-child(19), li:nth-child(20), li:nth-child(21) {
	list-style: lower-roman inside;
}
li:nth-child(22), li:nth-child(23), li:nth-child(24) {
	list-style: upper-alpha inside;
}
li:nth-child(25), li:nth-child(26), li:nth-child(27) {
	list-style: circle url(https://lh3.googleusercontent.com/-_6GcdriGAEI/UkkjeJoZlOI/AAAAAAAAAb0/5B8NPiEqYsM/s40/CU01037D_5.png);
}

Gracias

Ogramar · « **Respuesta #1 en:** 28 de Enero 2016, 08:20 »

Buenas dimiste lo veo todo bien solo tienes mal escrita la declaración de doctype has puesto <!DOCYTUPE html>

Cuando crees un hilo en los foros intenta incluir una descripción con palabras clave de forma que permita encontrarlo si se busca en los foros, por ejemplo para este tema podría ser CSS aplicar estilos a listas list-style-type list-style-position Ejercicio CU01048D esto se comenta en https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

Salu2

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: