[스파르타코딩 무료강의] 2022년도 덕담 공유 패키지 완강 도전! (10강) - 떠다니는 버튼 만들기

조하! 조이 하고 싶은 것 다하는 블로그입니다!

제가 예전부터 해보고 싶고 도전해보고 싶던 코딩에 처음으로 입문을 합니다! 첫 입문으로는 스파르타코딩에서 진짜 찐! 무료강의로 진행되는 2022년도 덕담 공유 패키지에 도전을 하고자 합니다! 실은,, 제가 2021년도에도 수강신청을 했는데 완주를 못해서 다시 재도전입니다! 응원 부탁드립니다 >_< ! 

10. 떠다니는 버튼 만들기

• 1. 덕담쓰기 버튼 만들기
  <aside> 💡 먼저, 무얼 어떻게 만들지 전략을 세워봅시다!
  • 만들 것 보기 & 전략 세우기
  • 버튼 div 만들기
  1. <div class="btn">바구니에 덕담 남기기</div>
  2. 우선 모양을 만들기→ font-size: 18px;
  3. .btn { width: 300px; height: 50px; background-color: #3f3732; color: white; font-size: 18px; border-radius: 10px; cursor: pointer; }
  4. → 커서 모양도 바뀌게!
  5. → width: 300px; height: 50px;
  6. 글씨를 가운데 오게 하기
  7. .btn { width: 300px; height: 50px; background-color: #3f3732; color: white; font-size: 18px; border-radius: 10px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; }
  8. 버튼을 가운데에 떠다니게 하기
• </aside>

 

내가 직접 정리하는 덕담 공유 패키지 10강 

 

없뜸..! 완벽 

 

꼭..! 에어팟 당첨되고 싶다!

태어나 처음듣는 문과생의 코딩무료수업추천! 

조하! 조이 하고 싶은 것, 코딩 도전기!