정말 하찮은 html 팁 ( x 표시 이쁘게 하기 )
보통 닫기 버튼처럼 x 표시를 사용하실때
일반 텍스트로 영문자 엑스 X , x 사용하면 뭔가 모양이 어색하잖아요?
이쁜 x표시를 위해 이미지를 사용하는경우도 있으신데,
그럴때 × ( & t i m e s ; ) 를 사용하시면 이쁜 x 자를 텍스트로 출력 가능합니다 ..^^;
정말 하찮은 팁이지만 공유합니다 ㅎㅎ
일반 영문자 -> X , x
entity 사용 -> ×
댓글 20개
dkstmdc
4년 전
천재다.
4년 전
@dkstmdc ㅋㅋㅋㅋㅋㅋ
4년 전
좋습니다
4년 전
오!! 고맙습니다 ^^
4년 전
svg 안써도 되겠네요 꿀팁인정~
브러운아이
4년 전
유용한 정보네요 감사합니다.
4년 전
아~하 좋아요
그누그누오
4년 전
ㄳ합니당
4년 전
꿀팁입니다^^
아이스웨덴™
4년 전
많이 좋습니다. ㅋㅋㅋ 감사합니다.
라면먹는사나이
4년 전
× 아 이런게 있었군요 항상 굳이 폰트어썸이나 xe아이콘 처리해서 귀찮게 했는데 너무 편하네요 꿀팁 감사합니다 :)
4년 전
×이런 것도 있네요!!!
4년 전
감사합니다
4년 전
미쳤네 ×
4년 전
꿀팁이넹
RealHost
4년 전
감사합니다.
4년 전
아래처럼 하셔도 됩니다.
팁에 내용을 좀더 찾아보니
(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]
팁에 내용을 좀더 찾아보니
(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]
4년 전
[http://sir.kr/data/editor/2110/8d270ac98965256f3666cf3783cae3d3_1635308613_9117.jpg]
멀티트리플
3년 전
최고입니다.
재윤이아빠
3년 전
개꿀이네요 감사합니다 ㅎ
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4404 | ||
| 1974 |
그누x즁딩
|
4년 전 | 4075 | |
| 1973 | 4년 전 | 4337 | ||
| 1972 | 4년 전 | 7720 | ||
| 1971 |
 팬텀디자인 |
4년 전 | 3760 | |
| 1970 | 4년 전 | 2843 | ||
| 1969 |
팬텀디자인 |
4년 전 | 3889 | |
| 1968 | 4년 전 | 4620 | ||
| 1967 | 4년 전 | 11976 | ||
| 1966 | 4년 전 | 2668 | ||
| 1965 | 4년 전 | 3267 | ||
| 1964 |
honbab
|
4년 전 | 2610 | |
| 1963 |
 마르스컴퍼니 |
4년 전 | 3726 | |
| 1962 | 4년 전 | 2447 | ||
| 1961 | 4년 전 | 2918 | ||
| 1960 | 4년 전 | 3290 | ||
| 1959 |
welcome
|
4년 전 | 3278 | |
| 1958 |
팬텀디자인 |
4년 전 | 5201 | |
| 1957 | 4년 전 | 3566 | ||
| 1956 |
몰라무서워
|
4년 전 | 3264 | |
| 1955 | 4년 전 | 3509 | ||
| 1954 | 4년 전 | 3083 | ||
| 1953 | 4년 전 | 2537 | ||
| 1952 |
팬텀디자인 |
4년 전 | 4867 | |
| 1951 |
 그누그누오 |
4년 전 | 3345 | |
| 1950 |
그누그누오 |
4년 전 | 4019 | |
| 1949 |
그누그누오 |
4년 전 | 3783 | |
| 1948 |
그누그누오 |
4년 전 | 3412 | |
| 1947 |
그누그누오 |
4년 전 | 3107 | |
| 1946 | 4년 전 | 5790 | ||
| 1945 | 4년 전 | 2844 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기