Front-end Developer (21) 썸네일형 리스트형 HTML, CSS 사용하여 UICARD 만들기 📌 HTML CSS 사용해서 UI CARD 만들기 DOCTYPE html> CardUI T E A V E L Mountains Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, eos deleniti. Praesentium officia reiciendis eius, provident ratione Read more TEAVEL City Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, eos deleniti. Praesentium officia reiciendis eius, provident ratione Read more TEAVEL Coast Lore.. HTML, CSS 사용하여 프로필 만들기(3) 3번째 프로필 카드 만들기 오늘도 핀터레스트에서 이미지를 찾아서 비슷하게 만들기 시작 당일에 배운 걸 까먹지않기위해 되도록이면 배운걸 사용할 수 있는 이미지를 선택했다. [background, opacity, display:flex 등] HTML코드 DOCTYPE html> profile_card2 Dear JJangu Web Developer CSS코드 * { margin: 0px; padding: 0; box-sizing: border-box; } body { } .main-box { background-image: url(./석양\ 일러스트\ ai\ 무료다운로드\ free\ sunset\ image\ download\ -\ \ Urbanbrush.jfif); height: 100vh; /* 전체 덮.. HTML과 CSS로 프로필 만들기 📚 2023 10-27 [ 프로필 정보 만들기] 오늘은 조금 다른 디자인의 프로필 정보를 만들어 봤다. 부트캠프 다니면서 이때까지 배운 CSS와 조금 알고 있던 지식의 CSS를 합쳐서 만들었다. 완성되고 확인해 보니 첫날에 만들었던 프로필 디자인보다 쪼금(?) 괜찮아 보였다. 📌 따라 만들 이미지 구하기 먼저 내가 만들 프로필 이미지를 구해준다. 따라 만들 이미지 구하는 건 많은 사이트들이 있으니 편한 데로 이용하면 된다. 나는 핀터레스트에서 이미지를 찾았다. 검색창에 "CSS프로필"이라고 치면 다양한 프로필들이 나오는데 이미지를 캡처해서 따라 만들었다. https://www.pinterest.co.kr/ Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 .. 이전 1 2 3 4 5 6 7 다음
