웹모아
웹모아  로그인  회원가입  
웹모아
  
CSS
 


이미지 위에 텍스트 뿌리기
  등록: 2016-08-12 16:46:35 조회:4392
http://web.landmoa.net/?acmode=b_s&curjong=web001019&no=31323


THE HTML
<div class="image">
  <img alt="" src="http://www.kavoir.com/img/text-over-image.jpg" />
  <div class="text">
    <p>This lovely image gladly demonstrates how I (this text) can be flying over her face.</p>
    <p>It's very kind of her but don't you agree that this place needs a camp fire and a little love?</p>
  </div>
</div>


THE CSS
.image {
    position:relative;
    float:left; /* optional */
}
.image .text {
    position:absolute;
    top:10px; /* in conjunction with left property, decides the text position */
    left:10px;
    width:300px; /* optional, though better have one */
}




 
 





CSS
페이지: 1 / 1   

이미지 위에 텍스트 뿌리기4393
   margin, padding3684
≪ [1]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.



 
최근 글 자료
19
9
7
5
2696
631
619
778
704
3712
3231
3293
3618
2625
3127
 
인기글 자료
[홈마스타] [RE] input type=\\
6457
3861
4761
3676
19736
6565
4157
3712
4967
9778
3928
5461
3822
3710
3677