<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Box Model</title>
<style>
/* */
body{ font-size: 80px; margin: 0;}
.c1{background-color: orange;}
.c2{background-color: yellow;}
.c3{background-color: tomato;}
div{
float: left;/*elementos à esquerda*/
padding-top: 100px;
padding: 10px 50px 100px 150px;/*largura*/
padding: 100px 50px;/*comprimento*/
padding: 50px;
margin: 0px 20px;/*margem apenas na horizontal*/
border: solid 15px black;/*borda tamanho 15 cor preta*/
}
</style>
</head>
<body>
<div class="c1">1</div>
<div class="c2">2</div>
<div class="c3">3</div>
</body>
</html>
Nenhum comentário:
Postar um comentário