커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
[1-13] Quiz 포스팅박스 완성하기 : 부트스트랩의 button 코드 해석
undefined주차
황*솔
댓글
4
・
추천
0
・
조회수
10
조회수
10
답변 완료
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-outline-dark">Dark</button>
여기에 hover랑 click 테두리컬러 배경컬러
이런게 어떻게 포함되어있는지 궁급합니다!
버튼도 부트스트랩에서 가져오는건지 몰라서 아래 처럼 하나하나 복잡하게 했는데
부트스트랩 코드는 너무 깔끔해서 어떻게 적용되는건지 궁금해졌습니다.
<head> 의 <style>
<style>
.button1 {
padding: 7px 15px 7px 15px ;
border-radius: 7px;
color: white;
background-color: black;
}
.button2 {
padding: 7px 15px 7px 15px;
border-radius: 7px;
color: black;
background-color: white;
margin-left: 10px;
}
.myrecord {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 20px;
}
</style>
<body>의 <div>
<div class="myrecord">
<button class="button1">기록하기</button>
<button class="button2">닫기</button>
</div>
댓글 알림
