12_자기소개 페이지
# 오늘 한 일
자기소개 페이지 리뉴얼
1) 이미지에 마우스 오버 효과 주기 (hover연결하기)
<style> .coffee:hover img { opacity: 0.4; } </style> <html> <body> <img src="./img/coffee.jpeg class="coffee"></img> </body> </html>
- img태그에 클래스 선택자를 입력
- css에서 .클래스선택자:hover img{} 형식으로 입력
2) 단어를 기준으로 줄바꿈하고 싶을 때
<style> p { word-break: keep-all; } </style>
Author And Source
이 문제에 관하여(12_자기소개 페이지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@taekjun_s/TIL저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)