728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>테두리</title>
<meta charset="UTF-8">
<style>
.button {
/* border : 굵기 스타일 색상;
border-top, bordr-right, border-bottom, border-left 사용 가능 */
border: 1px dashed black;
border-bottom: 5px solid red;
border-radius: 8px;
/* background-color: rgb(30, 60, 12);
border-radius: 8px;
color: rgb(240, 245, 250); */
/* rgb(r, g, b) : 색상 선택. 각 r, g, b 순서대로 0~255이며 빨간색, 초록색, 파란색의 정도를 지정한다. 0, 0, 0은 검은색, 255,255,255는 흰색*/
cursor: pointer;
display: inline-block;
padding: 12px 16px;
}
</style>
</head>
<body>
<div class="button">버튼!</div>
</body>
</html>
728x90
반응형