개발중/html (12) 썸네일형 리스트형 div 안에 버튼 가운데 정렬 div 안에 버튼 가운데 정렬 이 버튼을 가운데 놓고 싶었어요 [ cursor ] 마우스 올라갔을 때 손가락 모양으로 변경 많이 사용하지만 매번 검색하는 손가락 올라갔을 때 커서 모양 변경하는 법. cursor: pointer; div hover 시 background color 변경 div hover 시 background color 변경 .div-background{ background :#f7f7f7; font-weight: normal; } .div-background:hover { background-color: #d9d9d9; font-weight : bold; border : 1px solid black; } CSS를 이용하여 부모 요소의 높이에 자식 요소를 맞추는 방법 CSS를 이용하여 부모 요소의 높이에 자식 요소를 맞추는 방법 웹 페이지 레이아웃을 디자인할 때, 부모 요소(div)의 높이를 자식 요소에 자동으로 적용하고 싶은 경우가 종종 있습니다. 특히, 자식 요소들이 부모 요소의 높이에 꽉 차게 표시되어야 할 때 이 방법이 유용합니다. 이 포스트에서는 CSS만을 사용하여 이를 해결하는 방법을 소개하겠습니다. 문제 상황 부모 요소에게 height: 100px;를 주었을 때, 자식 요소들이 자동으로 부모의 높이를 채우도록 설정하고 싶습니다. 이를 위해 자식 요소들에게 하드코딩으로 height: 100px;를 설정하는 것이 아니라, 더 유연한 방법이 필요합니다. 해결 방법 자식 요소들에게 다음과 같은 CSS 속성을 적용하여, 부모 요소의 높이에 맞춥니다. .child-.. vue 에서 div 에 마우스 hover 순간 - 버튼 만들기 forEach 문으로 돌린 div 가 있는데 div 에서 마우스가 특정 div 에 올라갔을 때 거기에만 버튼을 보이게 하는 효과. Vue.js {{ element.name }} CSS .board-column-content { height: auto; overflow: hidden; border: 10px solid transparent; min-height: 60px; display: flex; justify-content: flex-start; flex-direction: column; align-items: center; width: 100%; .board-item { cursor: pointer; width: 100%; height: 40px; margin: 5px 0; background-col.. div 배치 시작하기 웹 디자인 개발자가 아니라 div 요소 정리는 늘 힘들다. 아래 참고. 복붙해서 응용 해려구 기록 더보기 참고 blog.naver.com/jokercsi1/221907670908 람다식 연습 기록 package com.rsn.def.job; import java.util.ArrayList; import java.util.Arrays; import java.util.List; import java.util.stream.Collectors; import com.rsn.def.vo.Demon_Test_VO; public class 람다식 { public static void main(String[] args) { 람다식 LAM = new 람다식(); List list = null; /** * */ System.out.println("\n\n★☆★ vo의 seq 를 뽑아서 10을 곱해준 다음에 다시 set 한다. 그리고 출력까지"); list = LAM.createData(); list.stream()... router-link css 효과 router-link 눌렀을 때와 누르기 전 효과 #nav a { font-weight: bold; color: white; } #nav a.router-link-exact-active { font-weight: bold; color: #90a7d1; } 이전 1 2 다음
