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,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. ISPCONFIG 3 PRO 자동설치 스크립트

    참여40 회 시작19.05.21 10:11 종료19.05.28 10:11

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

© SIRSOFT