탈

정말 하찮은 html 팁 ( x 표시 이쁘게 하기 )

· 2021-09-24 (금) 17:23:57 · 10114 · 20

보통 닫기 버튼처럼 x 표시를 사용하실때 

일반 텍스트로 영문자 엑스 X , x 사용하면 뭔가 모양이 어색하잖아요?

이쁜 x표시를 위해 이미지를 사용하는경우도 있으신데, 

 

그럴때 × ( & t i m e s ; ) 를 사용하시면 이쁜 x 자를 텍스트로 출력 가능합니다 ..^^;

 

정말 하찮은 팁이지만 공유합니다 ㅎㅎ

 

일반 영문자 -> X , x

entity 사용 -> ×

|

댓글 20개

@dkstmdc ㅋㅋㅋㅋㅋㅋ
오!! 고맙습니다 ^^
svg 안써도 되겠네요 꿀팁인정~
유용한 정보네요 감사합니다.
아~하 좋아요
ㄳ합니당
많이 좋습니다. ㅋㅋㅋ 감사합니다.
× 아 이런게 있었군요 항상 굳이 폰트어썸이나 xe아이콘 처리해서 귀찮게 했는데 너무 편하네요 꿀팁 감사합니다 :)
×이런 것도 있네요!!!
감사합니다
아래처럼 하셔도 됩니다.
팁에 내용을 좀더 찾아보니
(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]
최고입니다.
개꿀이네요 감사합니다 ㅎ
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
21-09-25 조회 7,839
21-09-25 조회 7,723
21-09-25 조회 7,538
21-09-25 조회 7,219
21-09-24 조회 1만
21-09-24 조회 6,659
21-09-17 조회 6,547
21-09-17 조회 6,078
21-09-16 조회 6,252
21-09-16 조회 8,063
21-09-14 조회 7,902
21-09-14 조회 8,160
21-09-14 조회 7,310
21-09-11 조회 7,930
21-09-07 조회 6,873
21-09-07 조회 7,840
21-09-06 조회 9,584
21-09-02 조회 8,320
21-09-02 조회 8,354
21-09-02 조회 7,146
21-09-02 조회 6,740
21-09-02 조회 7,594
21-08-31 조회 7,357
21-08-31 조회 8,160
21-08-30 조회 7,327
21-08-30 조회 8,846
21-08-26 조회 9,077
21-08-26 조회 7,463
21-08-26 조회 6,668
21-08-25 조회 7,069