테스트 사이트 - 개발 중인 베타 버전입니다

css에 대한 이해.. 채택완료

잉잉이귀 10년 전 조회 3,076

.faq_cont .faq_lst li{position:relative;padding:10px 0 11px 18px;border-bottom:1px solid #d7d7d7;background:url(../img/ico_q.gif) no-repeat 18px 12px;*zoom:1}

 

이런태그가 무엇을 뜻하는지 모르겠습니다..

 

예를들어 img라는 폴더에있는 ico_q.gif 이 이미지를

사이트에 넣고자 하는데요 

.css 파일에서

저런식으로 넣어야 하더라구요 ㅠㅠ

그런데 저부분이 무엇을뜻하는지 도무지 모르겠어요 ㅠㅠ

보통 일반적인 이미지태그는

저렇게 넣는건 이해가 안됩니다.ㅠㅠ

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
10년 전

http://www.w3schools.com/cssref/css3_pr_background.asp">http://www.w3schools.com/cssref/css3_pr_background.asp 

 

.faq_lst li 쪽에 백그라운드 그러니가 뒷배경으로 저 이미지를 넣으라는거죠

img태그는 이미지 위에 텍스트를 못넣죠??(뭐 방법이 없는건 아니지만...)

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

잉잉이귀
10년 전
답변 감사합니다.그런데 css는 일반 이미지를 <img 태그를 안쓰더라구여 ㅠㅠ
css용어로 이미지를 넣고자 할때는 어떻게 해주어야 할까요?ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

다함
10년 전

http://www.w3schools.com/css/">http://www.w3schools.com/css/

우측에 한국어 선택 하시고 찬찬히 보시기 바랍니다. 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

10년 전

http://www.w3schools.com/css/default.asp">http://www.w3schools.com/css/default.asp 

이곳을 참조해보세요~

css로 이미지를 넣으려면 위에서 언급하신

.claaName {background:url(../img/ico_q.gif) no-repeat 18px 12px;*zoom:1}

이런형식으로 넣으면됩니다.​

그리고 저것을 적용할부분에는 class="className"을 넣으면되구요~

이미지만 띄우시는거면 php/html코드에서 로 넣으시면되고

이미지위에 글자를 띄우거나 할때에는 css로 적용하시면 됩니다.

위에 링크해드린곳으로 가셔서 css기본개념을 보시면 금방 이해되실거에요~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

10년 전

css용어로 이미지를 넣고자 할때는 이라고 하시는데.. 

 

각각의 용도가 있습니다.

단순 이미지 넣는거는 img 태그 쓰세요.

css 에서 이미지는 background 로 사용합니다.

위 질문에 나오는 테그처럼 no-repeat​ 은 반복되지 않는다는 명령이구요...

 

어떤 작업을 하시려는지 자세히 설명해주시면 더 좋은 방법을 제안해 드릴분들이 많을겁니다..

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인