css3 여러 배경 이미지의 크기 정의
여러 배경 이미지의 크기 정의
이 background-size속성은 여러 배경으로 작업 할 때 쉼표로 구분 된 목록을 사용하여 여러 배경 크기 값을 허용합니다.
다음 예제에는 세 가지 배경 이미지가 있으며 각 이미지의 배경 크기 값이 다릅니다.
#example1 {
background: url(img_flwr.gif) left top no-repeat, url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat;
background-size: 50px, 130px, auto;
}
<!DOCTYPE html>
<html>
<head>
<style>
#example1 {
background: url(img_flwr.gif) left top no-repeat, url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat;
padding: 15px;
background-size: 50px, 130px, auto;
}
</style>
</head>
<body>
<div id="example1">
<h1>Lorem Ipsum Dolor</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
</body>
</html>
게시판 목록
퍼블리셔팁
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 737 | CSS |
kiplayer
|
11년 전 | 16450 | |
| 736 | HTML |
 돼지코구뇽 |
11년 전 | 7100 | |
| 735 | CSS |
잘살아보자
|
11년 전 | 5795 | |
| 734 | CSS |
잘살아보자
|
11년 전 | 4523 | |
| 733 | CSS |
잘살아보자
|
11년 전 | 6778 | |
| 732 | HTML |
잘살아보자
|
11년 전 | 4713 | |
| 731 | CSS |
잘살아보자
|
11년 전 | 9436 | |
| 730 | 기타 |
잘살아보자
|
11년 전 | 3480 | |
| 729 | HTML |
잘살아보자
|
11년 전 | 7647 | |
| 728 | 기타 |
 LaRuota |
11년 전 | 6802 | |
| 727 | 기타 | 11년 전 | 11468 | ||
| 726 | 기타 |
LaRuota |
11년 전 | 5474 | |
| 725 | 기타 |
네이비칼라
|
11년 전 | 4382 | |
| 724 | CSS |
잘살아보자
|
11년 전 | 4886 | |
| 723 | CSS |
잘살아보자
|
11년 전 | 6607 | |
| 722 | CSS |
잘살아보자
|
11년 전 | 17072 | |
| 721 | CSS |
 매직크레용 |
11년 전 | 7156 | |
| 720 | 기타 | 11년 전 | 3763 | ||
| 719 | 기타 | 12년 전 | 7324 | ||
| 718 | CSS | 12년 전 | 10512 | ||
| 717 | 반응형 | 12년 전 | 6128 | ||
| 716 | 반응형 | 12년 전 | 14550 | ||
| 715 | 기타 | 12년 전 | 7317 | ||
| 714 | CSS | 12년 전 | 5034 | ||
| 713 | 반응형 | 12년 전 | 30113 | ||
| 712 | 기타 | 12년 전 | 5271 | ||
| 711 | HTML |
kiplayer
|
12년 전 | 10878 | |
| 710 | CSS | 12년 전 | 15282 | ||
| 709 | 웹접근성 | 12년 전 | 6733 | ||
| 708 | 웹접근성 | 12년 전 | 6050 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기