728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>border</title>
<meta charset="UTF-8">
<style>
div {
width: 100px;
height: 50px;
border: 2px solid rgb(0, 0, 0);
/* border : 테두리*/
/* 굵기, 스타일, 색상 순으로 지정한다. 스타일은 아래와 같다.
solid : 실선
dotted : 짧은 점선
dashed : 점선
*/
/* border-top, border-right, border-bottom, border-left 사용 가능*/
border-radius: 15px;
/* border-radius : 테두리 부드럽게*/
/* border-top-right-radius, border-bottom-tight-radius,
border-bottom0left-radius, border-top-lefr-radius사용 가능*/
}
</style>
</head>
<body>
<div></div>
</body>
</html>
728x90
반응형
'정보 > WEB' 카테고리의 다른 글
| box-sizing(박스크기) (0) | 2022.12.21 |
|---|---|
| box-shadow(박스그림자) (0) | 2022.12.21 |
| background-color(배경색) (0) | 2022.12.21 |
| style(중간정렬하기) (0) | 2022.12.21 |
| style활용(회원가입창) (0) | 2022.12.21 |