728x90 분류 전체보기530 [CSS] 마우스 커서 바꾸기 (img) 마우스 커서 바꾸기 (img) body { cursor: url("banner/mcdonaldslogo\ 60.png"), default; } 64x64 이내의 이미지로 설정 바디 태그에 적용. 2024. 3. 29. [CSS] li들 사이에 간격 주고 싶을 때 li들 사이에 간격 주고 싶을 때 li { margin-bottom: 20px; /* 아래쪽 간격 추가 */ } li:last-child { margin-bottom: 0; } 2024. 3. 29. [CSS] li 꾸밀 때 사용하는 자꾸 까먹는 것 li 꾸미기 li{ text-decoration: none; /*밑줄 제거*/ color: white; /*색 넣기*/ list-style-type: none; /*점지우기.*/ } 2024. 3. 29. [CSS] 폰트 적용하기 (구글 폰트) 폰트 적용하기 (구글폰트) Browse Fonts - Google Fonts Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 해당 사이트 이용 사용할 폰트 검색 Get font 눌러주기 Get embeded code 눌러주기 @import 를 눌러주기 CSS 맨 위에 복사붙여주기 해주면 된다. 이렇게 CSS 맨 상단에 넣어줌. 그리고 적용하고 싶은 부분 font-family 찾아서 CSS 에 넣어주기 아이디 mclive 에 적용 font-weight 를 SemibBold로 적용하기 위해 600 으로 수정. 2024. 3. 27. [CSS] 자꾸 까먹는 가운데 중앙 정렬 텍스트 중앙정렬하기 맥도날드 라이브라는 글자를 중앙으로 오게하고싶음. HTML "MacDonald’s Live" style 태그를 추가해서 CSS 적용 text-align: center 이미지 중앙정렬 display:block; margin:auto; 2024. 3. 27. [CSS] 동글동글 캐러셀 버튼 만들기 단순 원형 캐러셀 버튼 만들기 HTML 짜고 시작 CSS 버튼 동그랗게 적용 /* 캐러셀 버튼 디자인 */ .carousel-button button { width: 10px; /* 버튼의 너비 */ height: 10px; /* 버튼의 높이 */ border-radius: 50%; /* 원형 모양을 만듭니다 */ background-color: rgb(0, 0, 0); /* 버튼의 배경색 */ cursor: pointer; /* 마우스 오버 시 커서 모양 변경 */ margin: 0 1px; /* 버튼 사이의 간격 */ border: none; /* 버튼 테두리 제거 */ opacity: 0.5; /* 버튼 불투명도를 50%로 설정 */ } .carousel-button button:hover { ba.. 2024. 3. 26. 이전 1 ··· 46 47 48 49 50 51 52 ··· 89 다음 728x90
