- 자신을 나타내는 이미지
- 자신의 깃허브, 블로그 주소 (인스타 주소 추가)
전체 소스
- html
- css
소스 설명
onmouseover, onmouseout
- 마우스를 올렸을 때, 다시 내렸을 때 이미지
-> 마우스 커서를 프로필에 올릴 경우 이미지가 바뀜src="happy.jpg"
location.href=''
- 현재 페이지에서 ' ' 주소로 이동
onclick="location.href=' '"
img src=""
- 버튼에 이미지 넣기
-> 이미지 jpg가 아닌 이미지 주소와 연결
-> height와 width를 이용하여 이미지 크기 조절
단위 px, %
- 절대 단위 : px (픽셀)
- 상대 단위 : % (퍼센트) 부모 요소의 크기에 영향을 받아 크기가 변함
box-shadow
- 그림자 효과
text-align
- 문서를 수평으로 정렬
: center -> 중앙 정렬
border
- 테두리를 만들어주는 속성
: none -> 테두리 X
: solid -> 직선 테두리
: dashed -> 점선 테두리
border-radius
- 테두리를 둥글게 만드는 속성
:hover
- 마우스를 올린 태그나 속성
cursor
- 마우스 커서가 올라갔을 때 보여줄 모양을 지정
transform: scale(1.5);
- 가로, 세로로 1.5배 확대
