잔글 (121.147.35.184(토론)의 편집을 Jmnote의 마지막 판으로 되돌림) 태그: 일괄 되돌리기 |
(→같이 보기) |
||
| 29번째 줄: | 29번째 줄: | ||
==같이 보기== | ==같이 보기== | ||
* [[CSS | * [[CSS 글자 그림자 text-shadow 속성]] | ||
* [[CSS 컬러 유니코드 문자 외곽선]] | * [[CSS 컬러 유니코드 문자 외곽선]] | ||
2019년 1월 31일 (목) 02:51 판
- CSS 텍스트 외곽선
- CSS 글자 테두리
1 소스 코드
- IE9 이하에서는 작동하지 않는다.
<style>
.text_border {
text-shadow: 0 0 2px #f00;
}
</style>
<div class='text_border'>안녕 친구들!</div>
2 더 진하게
아래와 같이 변경하면 더욱 진해진다.
<style>
.text_border {
text-shadow: -1px 0 #f00, 0 1px #f00, 1px 0 #f00, 0 -1px #f00;
}
</style>
<div class='text_border'>안녕 친구들!</div>
3 같이 보기
4 참고
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}