[ Visual Studio Code ] 도형 만들기

div{
    width: 100px;
    height: 100px;
    background: pink;
    border-radius: 50%;
}

 

 

---

 

 

div{
    border-width: 10px;
    border-style: solid;
    border-color: pink;
    width: 100px;
    height: 100px;
}

 

 

---

 

 

div{
    border: 10px double deepskyblue;
    width: 100px;
    height: 100px;
}

 

 

---

 

 

div{
    border-top: 10px solid deepskyblue;
    border-right: 10px double deeppink;
    border-bottom: 10px dotted greenyellow;
    border-left: 10px dashed plum;
    width: 100px;
    height: 100px;
}

 

▶ css 전용 도형 정리 사이트

https://css-tricks.com/the-shapes-of-css/

The Shapes of CSS