Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: 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"
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
-
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