diff --git a/index.html b/index.html index d320c9d..369a014 100644 --- a/index.html +++ b/index.html @@ -18,17 +18,17 @@

Eu sou um bloco com estilo!

O CSS me deixou nos trinques

-
+

Eu sou um bloco com estilo!

O CSS me deixou nos trinques

-
+

Eu sou um bloco com estilo!

O CSS me deixou nos trinques

-
+

Eu sou um bloco com estilo!

O CSS me deixou nos trinques

diff --git a/style.css b/style.css index e69de29..7b74f25 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,37 @@ + +.bloco{ + display: block; + height: 80px; + width: 300px; + margin: 5px 5px 5px 5px; + padding-left: 15px; + line-height: 5px; + color: white; +} + + +#bloco-1{ + background-color: chocolate; + border: 5px solid orange; +} + +#bloco-2{ + background-color: darkgreen; + border: 5px solid rgb(4, 192, 4); +} + +#bloco-3{ + background-color: rgb(3, 68, 30); + border: 5px dashed rgb(75, 233, 75); +} + +#bloco-4{ + background-color: red; + border: 5px dashed rgb(250, 64, 95); +} + + + +main{ + font-family: helvetica; +} \ No newline at end of file