[라온] 홍보 프로젝트 개발 - home 페이지

홍보 사이트 제작 1일차

2022.12.20 

 

- 부트스트랩 적용

- 홈페이지 꾸미기

 

[의문점] 

1. css에서는 :hover 효과가 적용이 되는데 template 안에서 background-color hover 효과를 주면 되지 않는다.

이유가 궁금하다.

 

- hover 이벤트 작동되지 않음

<template>

(생략) 

     <button type="button" class="btn btn-light" style="background-color: #ff7f00;"> 

</template>

<style scoped>

 

button:hover {

  background-color: white;

  color:#ff7f00;

}

</ style>

     

- hover 이벤트 작동됨

<template>

(생략) 

     <button type="button" class="btn btn-light" > 

</template>

<style scoped>

button{

  font-size:0.8em;

  font-weight:bolder;

  background-color: #ff7f00;

  color:white;

  width:8em;

}

button:hover {

  background-color: white;

  color:#ff7f00;

}

</ style>