- 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>