Programming/HTML+CSS+JavaScript11 CSS : 이미지 넣기 이미지를 넣는 방법을 알려드릴게요! HTML에서는 태그를 사용합니다.HTML 코드에 이렇게 추가해보세요 (버튼 위에 넣는다고 가정할게요):안녕하세요!저는 [당신의 이름]입니다.웹 개발을 배우고 있어요.클릭하세요!그리고 이미지 스타일을 위해 CSS에도 코드를 추가해주세요:img { width: 250px; /* 이미지 너비 */ height: 250px; /* 이미지 높이 */ display: block; /* 이미지를 블록 요소로 */ margin: 20px auto; /* 위아래 여백 20px, 좌우는 자동(가운데 정렬) */ border-radius: 50%; /* 이미지를 동그랗.. 2025. 1. 5. JAVA : 마우스를 피해 도망가는 이미지 효과 (마우스 감지해서 도망가기) 아하! 마우스 위치에 따라 자유롭게 도망가는 효과를 만들려면 JavaScript가 필요합니다. 마우스 위치를 감지해서 반대 방향으로 도망가게 만들어볼게요!안녕하세요!저는 [당신의 이름]입니다.웹 개발을 배우고 있어요. 클릭하세요!CSS는 조금 수정해줍니다:.hex-container { position: relative; width: 250px; height: 250px; margin: 100px auto; transition: all 0.1s ease; /* 움직임을 더 빠르게 */}/* 나머지 CSS는 동일 */이제:마우스가 이미지 주변 200px 반경 안에 들어오면마우스 위치의 반대 방향으로 도망가고마우스가 멀어지면 다시 원래 위치로 돌아옵니다어떠신가요? 이 .. 2025. 1. 5. 이전 1 2 다음