정말 하찮은 html 팁 ( x 표시 이쁘게 하기 ) > 그누보드5 팁자료실

그누보드5 팁자료실

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

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

본문

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

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

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

 

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

 

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

 

일반 영문자 -> X , x

entity 사용 -> ×

추천
15

댓글 17개

× 아 이런게 있었군요 항상 굳이 폰트어썸이나 xe아이콘 처리해서 귀찮게 했는데 너무 편하네요 꿀팁 감사합니다 :)
아래처럼 하셔도 됩니다.
팁에 내용을 좀더 찾아보니
(https://www.w3schools.com/charsets/ref_html_entities_4.asp)
여기에 더 다양한 것이 있습니다.


<!DOCTYPE html>
<html>
<style>
body {
  font-size: 20px;
}
</style>
<body>

<span style='font-size:100px;'>&#215;</span>
<p>I will display &#215;</p>
<p>I will display ×</p>
<p>I will display &times;</p>

</body>
</html>
전체 1,985 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT