ENG
더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
총 2개의 일치하는 문서를 찾았습니다.
제목 및 본문 검색결과
css[css] 텍스트 outline 외곽선 구현하는 방법 알아보기
CSS를 사용하여 텍스트에 외곽선(border) 스타일을 추가하려고 합니다. 이때 몇 가지 방법들이 존재하는데요 ~ 외곽선이나 그림자 효과 등 어떤 방법들이 있는지 알아보고 내가 원하는 효과와 맞는 방법을 생각해봅니다.# CSS 외곽선 또는 그림자 효과를 구현하는 방법텍스트에 외곽선이나 그림자 효과를 추가하는 이유는 해당 텍스트를 다른 텍스트들보다 더 강조하기 위함이겠죠 ~ 보통 핵심 키워드가 있다면 강조하여 표시하고자 이런 방법을 사용합니다. 일단 아래와 같이 세 가지로 구분하였습니다.1. 그림자 효과 부여하기 text-shadow2. 외곽선 효과 부여하기, -we...
Last Modified : 2021-12-24 17:19:17
Created : 2021-12-24 17:17:00
css[CSS] outline을 둥글게 표현하는 방법은? radius
CSS를 사용하여 outline을 둥글게 만드는 방법이 있을까요? border-radius와 같은 css 속성이 outline에 있다면 참 좋을텐데요... 아래에서 방법을 알아봅니다.! outline 속성은?이 css 속성은 해당 요소에 외곽선을 만들어주며 border와 비슷하지만 다르게 동작합니다. 일단 outline은 해당 엘리먼트와 간섭되지 않고 별개로 외곽선이 만들어지는 차이점이 있습니다. border는 엘리먼트 내부 공간에 영향을 미치죠.이런 이유로 outline 역시 많이 쓰이거나 border와 함께 사용됩니다. 그런데 만약 둥글게 표현할 경우 outlin...
Last Modified : 2019-08-12 22:18:00
Created : 2019-02-08 08:59:22