크롬80버전 결제 이슈, 영카트5 주요패치 확인!

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

컨텐츠몰 10% 할인
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드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> 

 

 

 

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

 

추천6

댓글 전체

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

회원로그인

진행중 포인트경매

  1. 참여9 회 시작20.05.27 19:24 종료20.06.01 19:24

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

© SIRSOFT