-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpagina.html
41 lines (41 loc) · 1.05 KB
/
pagina.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang = "es-mx">
<HEAD>
<title>Prueba de estilo</title>
<meta charset = "UTF-8">
<link rel = "stylesheet" href = estilo.css>
<style>
body {
background-color: black;
}
p {
color: white; background-color: teal;
font-size: 18px;
border : 5px turquoise ;
border-style : inset outset;
}
</style>
</HEAD>
<BODY>
<div> Estilo vía método externo </div>
<p> Esta es una muestra de estilizado vía interno. </p>
<div class = "sqb"> </div>
<div class = "sqr"> </div>
<div class = "sp"> Etiqueta sobre puesta </div>
<div class = "clf">
<img class = "cf"
src = https://w3schools.com/css/pineapple.jpg
alt = "Piña en un campo al aire libre"
height = auto>
Texto junto con una imagen.
La imagen 'flota' dentro del contenedor del texto.
El texto será reacomodado.
</div>
<button style = "color : white;
background-color : midnightblue;
border: 5px solid;
border-color : red blue yellow lime;
font-size: 18px;">
Metodo sobre línea</button>
</BODY>
</html>