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..a60f5c4 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,37 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.bloco { + color: white; + width: 350px ; + height: 80px; + padding: 10px; + margin: 15px; +} + +#bloco-1 { + background-color: orange; + border: 4px solid rgb(247, 190, 84); +} + +#bloco-2 { + background-color: green; + border: 4px solid rgb(107, 185, 84); +} + +#bloco-3 { + background-color: rgb(0, 70, 0); + border: 4px dashed lightgreen; +} + +#bloco-4 { + background-color: red; + border: 4px dashed lightcoral +} + +main { + font-family: "Helvetica"; +} \ No newline at end of file