1. border 이해하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 200px;
height: 200px;
border: 1px solid black;
/* 원 만들기 = 테두리를 동그랗게 깎아낸다.*/
/* border-radius: 150px; */
/* border-radius: 50%; */
/* 모양 만들기 */
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
background-color: greenyellow;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
728x90
반응형
'XHTML.CSS' 카테고리의 다른 글
| CSS_선언방식 (0) | 2022.06.15 |
|---|---|
| CSS_position (0) | 2022.06.15 |
| CSS_margin (0) | 2022.06.15 |
| CSS_디스플레이 (0) | 2022.06.15 |
| CSS_선택자 (0) | 2022.06.15 |