Proyecto de DIW CSS

Aqui en este proyecto os voy a enseñar el código y el css  externo que e utilizado para hacer este proyecto de clase mirad, aquí lo que sale.

 

 

Captura

 

Aquí os dejo el código fuente.

<!DOCTYPE html>

<html>

<head>

<link  rel=”StyleSheet” type=”text/css” media=”all” href=”imagen.css” />

</head>

<body>

<h1>Ejercicio CSS 1</h1>

<p><img src=”bombilla.gif” width=”100″ height=”180″></p>

<a>A</a>

<p clas=”sub”>aqui tenemos un ejemplo de como utilizar CSS</p>

<p >La letra A esta flotando a la izquierda.</p>

<p>El texto de sobre esta subrrallado.</p>

<p>i este esta a 10px del anterior.</p>

<pre>´ñlkdf´glñks´ñdlgfkñsdlf</pre>

 

<div>You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>

<div>You can use the overflow property when you want to have better.</div>

</body>

</html>

…………………………………………………………………………………………………………………………………………………………….

Aquí el CSS

body

{

background-color:#d0e4fe;

}

h1

{

color:white; background-color:gray;

}

po

{

font-family:”Times New Roman”

; }

div.scroll

{

position: absolute;

background-color:

yellow;

width: 100px;  height: 100px;  overflow: scroll;

left: 136px;

top: 238px;

}

div.pol

{

position: absolute;

background-color:red;

width: 100px;

height: 100px;  //

visibility: collapse;

left: 478px;

top: 50px;

}

img

{

position: absolute;

left: 68px;

top: 125px;

z-index: -1;

}

.underline

{

color: blue;

border-bottom:1px solid red;

}​

tam

{

color:green;

text-decoration: underline;

font-size: 10px;

}

.sub

{

text-decoration: underline;

}

pre

{

text-decoration: underline;

font-size: 10px;

font-family:”Times New Roman”;

}

a {  text-decoration: underline;  left: 11px;  top: 25px;  float: left;  font-size: 125px;  top: 105px; 976104900 }

Anuncios

Publicado el 18 noviembre, 2013 en Desarrollo de Interfaces Web. Añade a favoritos el enlace permanente. Comentarios desactivados en Proyecto de DIW CSS.

Los comentarios están cerrados.

A %d blogueros les gusta esto: