WEB

HTML DIV tag: 영역 배경 색상과 배경그림(이미지) 넣기

by 꽃지닷컴 posted Apr 13, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

<div style="
background-image: URL(이미지 주소) ;
background-color: 색상이름 또는 코드;
">
</div>

 

1. 영역에 바탕 색깔 넣은 모습
<div style="background-color: gold; height: 100px; width: 100%;">
이곳은 DIV영역이며, 바탕색을 금색(gold)으로 지정한 실제 모습이다.  
</div>

 

2. 영역에 바탕 그림 넣기 코드 모습

<div style="
background-image: URL(http://2.bp.blogspot.com/--5yqttOEAsw/Urr9mw2ptsI/AAAAAAAADME/uR7L1d-5y50/s1600/howways-logo2-94x94.png); 
height:150px;
width:100%;
">
</div>

 

 

<출처>http://howways.blogspot.kr/2013/12/HTML-DIV-Background-Image-and-Background-Color-and-background-image-position.html

Who's 꽃지닷컴

profile

Respect yourself and others will respect you

- 창의적 사고를 하자!

- 소규모 웹사이트 제작 및 수정 (24시간 항시대기)