웹모아
웹모아[손님] 검색 로그인   


 
CSS
 


이미지 위에 텍스트 뿌리기
  2016-08-12 16:46:35 댓글:(0)   조회:4578


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 */
}





 댓글 (0)


CSS
페이지: 1 / 1   

 

  이미지 위에 텍스트 뿌리기
THE HTML <div class="image"> <img alt="" src="http://www.kavoir.com/img/text-over-image.jpg" /> <div class="text"> <p>This조회(4579)          




  margin, padding
 Selector {margin-top:값; margin-right:값; margin-bottom:값; margin-left:값}- 바깥 여백 지정- %, px, ptSelector {margin: 여백값}- 바깥 여백 한 번에 지정- 여백 값을 1개 지정 시, 네 방향에 모두 적용- 여백 값을 2개 지정 시, 상하와 좌우에 적용-&nbs조회(3807)          




≪ [1]   ≫

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



 
최근 글
[손님]
48
53
214
359
594
345
389
230
340
3617
903
937
1161
950
4244
 
인기 글
[손님]
3175
3073
3082
4978
5632
3372
5565
3362
5177
4359
9963
3187
3432
3620
3290