CSS 연습

1. border 

.item {
    width: 100px;
    height: 100px;
    background-color: red;
}

.container .item:first-child {
    border: 100px dashed;
    border-width: 10px;
}

h1 {
    border:1px solid red;
}

h2 {
    border-bottom: 5px dotted blue;
}

 

 

 

2. border-radius

div {
    width: 100px;
    height: 100px;
    background-color: purple;
    margin: 20px;
    border-radius: 45px;
}

3. box-sizing 

.item {
    background-color: orange;
    width: 100px;
    height: 100px;
}

.item:first-child {
    border: 4px solid orchid;
    padding: 10px;
    box-sizing: border-box;
}