CSS border 속성 따로 주기

CSS border 속성 따로 주기

1 예시 1: 4방향 따로[ | ]

html
Copy
<style>
div {
  border-style: solid dotted dotted solid;
  border-width: 5px 10px 20px 40px;
  border-color: red orange lightgreen lightblue;
  background: yellow;
  width: 100px; height: 100px;
}
</style>

<div>안녕 친구들</div>

2 예시 2: 2방향 따로[ | ]

html
Copy
<style>
div {
  border-style: solid;
  border-width: 10px 30px;
  border-color: red green;
  background: white;
  width: 100px; height: 100px;
}
</style>
 
<div>안녕 친구들</div>

3 같이 보기[ | ]