버튼2 Button_ 여러 버튼 속성지정 * btn--abc 속성을 이용해 버튼의 성질을 나타내는 클라스를 만들어 각각의 요소에 지정해 줄 수 있다. 1. html에 btn 클래스를 지정 HI 2. CSS에 모든 버튼에 공통으로 들어갈 .btn 속성을 넣어준다. 예) .btn{ width: 130px; border: 2px solid #333; padding:10px; border-radius: 4px; color: #333; cursor: pointer; box-sizing: border-box; font-size: 16px; font-weight: 700; text-align: center; } 3. btn--abc 로 각각의 속성을 지정 예) .btn:hover{ background-color:#333; color:white } // 버튼.. 2022. 6. 4. 버튼_테두리+hover+밑줄없애기 ▶텍스트 가운데로 / 밑줄 없애기 / 테두리만들기(모서리 동그랗게) .btn { width: 300px; height: 40px; border: 2px solid #e8344e; text-align: center; line-height: 40px; text-decoration: none; color:#e8344e; font-weight: bold; border-radius: 150px; } ▶Hover .btn:hover { color: white; background-color: #e8344e; } 2022. 5. 19. 이전 1 다음
