css팁 :before :after 에 이미지 아이콘 을 달아보자 > 그누보드5 팁자료실

그누보드5 팁자료실

css팁 :before :after 에 이미지 아이콘 을 달아보자 정보

css팁 :before :after 에 이미지 아이콘 을 달아보자

본문

<i>테스트</i> :before은 "테스트" 앞에 노출"  :after 은 "테스트"두에 노출합니다.애래 예제참고하세요.

 

<style>

i:before{display: inline-block; background: url(https://sir.kr/img/main/login-icon-msg.png) no-repeat;width: 21px;height: 22px;content: ""}
i:after{display: inline-block; background: url(https://sir.kr/img/main/login-icon-arm.png) no-repeat;width: 21px;height: 22px;content: ""}

<style>

<i>테스트</i> 

 

 

 

오늘도 다음에 어떤 팁알려드릴까 고민중이에요 알고싶은 태그  댓글에 남겨주세요.. 

 

추천5

댓글 전체

전체 1,447 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. 완피 크리미 퓨레 고양이 마약간식 10봉

    참여6 회 시작19.07.17 09:26 종료19.07.20 09:26

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT