728x90
728x90
텍스트에 외곽선을 넣을수 있는 방법입니다
-webkit-text-stroke 사용
<span id="font">Yng Dev</span>
<style>
#font {
font-size: 100px;
-webkit-text-stroke: 2px #ff0000;
}
</style>
text-shaow 사용
<span id="font">Yng Dev</span>
<style>
#font {
font-size: 100px;
text-shadow: -1px -1px 0 #ff0000, 1px -1px 0 #ff0000, -1px 1px 0 #ff0000, 1px 1px 0 #ff0000;
}
</style>
반응형
'Code > Css' 카테고리의 다른 글
브라우저마다 다르게 CSS 사용하기 (0) | 2022.11.23 |
---|---|
이미지를 비율대로 조절하기 (0) | 2022.11.21 |
다양한 도형만들기 (삼각형, 다각형, 별) (0) | 2022.11.11 |
작명규칙 (Naming Convention) (0) | 2022.10.25 |
말줄임('...') 표시하는 방법 (1줄, 여러줄) (0) | 2022.10.21 |