로그인

검색

조회 수 868 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

<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

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 XE/Rhmix 오라클 클라우드 - 우분투(Ubuntu) php7.3에서 php7.4로 업그레이드 하기 꽃지닷컴 2022.03.17 156
공지 XE/Rhmix 라이믹스,XE 외부페이지 php 보안관련 꽃지닷컴 2022.03.16 176
공지 XE/Rhmix PHP PDO CRUD with ajax jQuery and Bootstrap 회원관리(사진등록) file 꽃지닷컴 2021.03.19 738
공지 XE/Rhmix soengsouy- PHPCRUD ALL FILE file 꽃지닷컴 2021.03.19 212
공지 XE/Rhmix [구매하자] CRUD Application with PHP, PDO, and MySQL secret 꽃지닷컴 2021.03.19 0
공지 XE/Rhmix 라이믹스 사이트 모음 꽃지닷컴 2021.03.02 345
공지 XE/Rhmix XE 참고 사이트 모음 secret 꽃지닷컴 2017.04.13 134
9 PC USB 읽기전용 되었을때 해제 방법 꽃지닷컴 2017.11.01 804
8 WORDPRESS 워드프레스 사이트 이전하기 꽃지닷컴 2021.01.19 839
7 XE/Rhmix XE 레이아웃 모음 꽃지닷컴 2017.07.01 860
» WEB HTML DIV tag: 영역 배경 색상과 배경그림(이미지) 넣기 꽃지닷컴 2017.04.13 868
5 XE/Rhmix 위젯 사용자정의 url 구현 꽃지닷컴 2017.04.13 1026
4 OFFICE PDF 윤곽선처리 file 꽃지닷컴 2017.04.13 1141
3 PC 윈도우10 설치 새파티션을 만들거나 기존파티션 찾을 수 없다. 꽃지닷컴 2017.11.01 1142
2 OracleCloud 우분투 Nginx 지우고 다시 설치하기 꽃지닷컴 2021.01.16 6585
1 PC 윈도우7 암호분실 시 2 file 꽃지닷컴 2017.07.22 14968
Board Pagination Prev 1 ... 5 6 7 8 9 10 11 12 13 14 Next
/ 14