Trabajo "El Diario Amarillista"
Hola a todos, nuestro último trabajo hecho en clase trataba de hacer un diario con una imagen y una información propuesta a traves de html. A continuación se muestra el trabajo:
Para hacer el siguiente trabajo así sería el código css:
body {
background-color: #282828;
}
h1 {
color: #303030;
font-size: 48px;
text-shadow: 2px 2px 5px #505050;
}
img {
width: 100%
}
#pagina {
width: 500px;
margin: auto;
background: #F0F0F0;
padding: 10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}
#columnas {
column-count: 3;
column-gap: 10px;
column-rule: 2px solid grey;
}
El código html sería el siguiente:
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="css/portalfinal.css"/>
<title>Diario</title>
</head>
<body>
<div id="pagina">
<h1>Diario El Amarillista</h1>
<div><img src="ovni.jpeg"></div>
<div><h2>Cae nave espacial en Kuala Lumpur</h2></div>
<div id="columnas">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque a lectus nec felis bibendum bibendum quis nec dolor. Etiam dignissim elit quis leo posuere et viverra mauris tristique. Vestibulum lacinia sapien a purus bibendum iaculis nec vitae sapien. Quisque hendrerit, leo quis pellentesque scelerisque, ipsum ligula luctus purus, ut viverra dolor mi et orci. Donec feugiat cursus consectetur. Nunc scelerisque, nisl sed feugiat faucibus, sem augue dapibus erat, congue lobortis diam dolor ac ligula. Suspendisse fringilla lacus ut mi accumsan quis commodo sapien aliquam. Donec sapien nulla, placerat quis ullamcorper sed, rhoncus non lectus. Ut a dui in magna lacinia mattis ut et leo. Nullam malesuada pellentesque est et dictum. Vivamus ac erat vel augue facilisis rhoncus. Cras quis augue ut purus ullamcorper mollis.
Comentarios
Publicar un comentario