IT/CSS3 css 마우스 커서 모양 바꾸기 css cursor 속성을 이용하면 마우스를 올렸을 때 모양을 변경할 수 있습니다. 다음 내용에 마우스를 올려 보세요! default 기본 커서 help 도움말 커서 pointer 링크를 나타내는 커서 progress 백그라운드에서 작업중이지만 클릭할 수 있는 상태 wait 작업중 커서, 클릭 불가 not-allowed 상호작용 불가 all-scroll 모든방향 이동가능 소스코드 >> cursor: default; cursor: default; cursor: help; cursor: pointer; cursor: progress; cursor: wait; cursor: not-allowed; cursor: all-scroll; 자주 사용하는 속성들을 모아봤습니다. 더 많은 내용을 보고 싶다면 아래 링크를.. 2020. 6. 1. 크롬 개발자도구 알면 편한 유용한 기능 크롬에서 개발자 도구를 사용하면 간단하게 css를 수정해 디자인을 변경해 볼 수 있는데요. 그런데 더 간단히 코드를 치치 않고도 아이콘만 눌러서 간편하게 세팅할 수 있는 것들이 있어 정리해 보았습니다. 우선 오른쪽 하단에 보이는 점 세개 아이콘에 마우스를 올려보면 이렇게 4개의 아이콘이 나타납니다. 왼쪽 아이콘부터 taxt-shadow : 텍스트 그림자 box-shadow : 박스 그림자 color : 텍스트 컬러 background-color : 백그라운드 컬러 하나하나 눌러보면 코드가 자동으로 입력되고 세부 설정을 할 수 있습니다. 1) taxt-shadow : 텍스트 그림자 2) box-shadow : 박스 그림자 3) color : 텍스트 컬러 4) background-color : 백그라운드 컬.. 2020. 3. 16. CSS 이미지 태그 alt, title 속성, 간단한 툴팁 효과 CSS 이미지 태그 alt 속성의 중요성안녕하세요! 오늘은 웹사이트 제작할 때 꼭 알아야 하는 CSS 이미지 태그의 alt 속성에 대해 이야기해볼게요. alt 속성은 이미지가 로드되지 않거나 시각장애인을 위한 스크린 리더에서 이미지 설명을 제공할 때 사용돼요. 즉, 단순히 검색엔진 최적화(SEO)에 좋은 것뿐 아니라 웹 접근성을 높이는 데도 꼭 필요한 요소랍니다.예를 들어, 아래와 같이 alt 속성을 추가하면 이미지가 표시되지 않을 때 대체 텍스트가 보여요.검색엔진은 이미지 자체를 인식하기 어렵기 때문에 alt 속성을 통해 이미지가 어떤 의미를 가지는지 파악해요. 따라서 alt는 핵심 키워드와 자연스러운 문장으로 작성하는 게 좋답니다. CSS 이미지 태그 title 속성의 역할title 속성은 alt 속.. 2020. 1. 25. 이전 1 다음
