정말 하찮은 html 팁 ( x 표시 이쁘게 하기 )
보통 닫기 버튼처럼 x 표시를 사용하실때
일반 텍스트로 영문자 엑스 X , x 사용하면 뭔가 모양이 어색하잖아요?
이쁜 x표시를 위해 이미지를 사용하는경우도 있으신데,
그럴때 × ( & t i m e s ; ) 를 사용하시면 이쁜 x 자를 텍스트로 출력 가능합니다 ..^^;
정말 하찮은 팁이지만 공유합니다 ㅎㅎ
일반 영문자 -> X , x
entity 사용 -> ×
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 20개
팁에 내용을 좀더 찾아보니
(https://www.w3schools.com/charsets/ref_html_entities_4.asp)
여기에 더 다양한 것이 있습니다.
[code]
<!DOCTYPE html>
<html>
<style>
body {
font-size: 20px;
}
</style>
<body>
<span style='font-size:100px;'>×</span>
<p>I will display ×</p>
<p>I will display ×</p>
<p>I will display ×</p>
</body>
</html>
[/code]