coding/html + css 98
[css] hover로 색 바꾸기
안녕하세요. 플입니다. 오늘은 hover를 이용해 마우스 오버 시 색을 변경해보겠습니다. ▷hover hover는 '맴돌다'라는 뜻을 가진 영어단어입니다. 마우스가 위에서 맴돌고 있을 때라고 이해할 수 있습니다. 저는 마우스 오버 시 적용되는 css로 생각하고 작업합니다. ▷사용 이유 hover를 사용하는 건 사용자의 편의를 위해 들어가는 효과입니다. 마우스를 올렸을 때 어떤 효과가 적용되거나 마우스의 모양이 손가락 모양이 되면 사용자들은 '클릭을 하는 부분'이라는 것을 직감적으로 알게 됩니다. 오늘 예시로 사용할 메뉴 색상을 변경하는 것을 살펴보면 마우스를 올렸을 때 색상이 변경되면 사용자는 클릭하는 부분이라는 것을 쉽게 알 수 있습니다. 이처럼 사용자의 클릭을 유도해 조금 더 쉽게 홈페이지를 이용할 ..
![[css] hover로 색 바꾸기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/baMFlD/btqx2VmgGoB/h8kIapHQRRNSFDkqomR8j1/img.jpg)
[html] nav태그
안녕하세요. 플입니다. 오늘은 nav태그를 이용해 메뉴를 만들어봤습니다. https://youtu.be/4kNNcnqQ42g 오늘은 영상으로 대체하겠습니다. 코딩 화면을 한번 찍어봤습니다. About Portfolio Contact 전체 코드를 남겨둡니다. 태그는 메뉴를 감쌀 때 주로 사용하는 태그입니다. 보통 태그 안에 gnb메뉴를 넣습니다. 그럼 이만. 총총.
![[html] nav태그](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/n7yMC/btqxJx03kJc/Bs7QHj81BFIfKob9u6xRcK/img.jpg)
[css] border-style 종류
안녕하세요. 플입니다. 오늘은 border-style 종류를 알아보겠습니다. border 보더는 테두리를 말합니다. css에서 border 값을 설정하면 테두리 디자인을 할 수 있습니다. 오늘은 그중 style에만 중점을 두고 살펴보겠습니다. 1. dotted 도티드는 점선이라고 생각하시면 됩니다. 테두리가 점선으로 처리됩니다. p{ border-style: dotted; } 2. dashed 대쉬드는 짧은 선이 연속으로 나옵니다. 점선과 비슷하지만 점보다는 조금 긴 모양이죠. p{ border-style: dashed; } 3. solid 솔리드는 가장 많이 사용하는 형태로 선 타입입니다. p{ border-style: solid; } 3. double 더블은 두줄이 나옵니다. 주의할 점은 두줄이기 때..
![[css] border-style 종류](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/c7tXmN/btqxeKGfzD8/zK6gZnxAHWp2flV9oNSQn1/img.png)
