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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 887 | HTML | 8년 전 | 2232 | ||
| 886 | HTML | 8년 전 | 1778 | ||
| 885 | HTML | 8년 전 | 2203 | ||
| 884 | HTML | 8년 전 | 2258 | ||
| 883 | HTML | 8년 전 | 2422 | ||
| 882 | HTML | 8년 전 | 2171 | ||
| 881 | HTML | 8년 전 | 2299 | ||
| 880 | HTML | 8년 전 | 2618 | ||
| 879 | HTML | 8년 전 | 1715 | ||
| 878 | HTML | 8년 전 | 1943 | ||
| 877 | HTML | 8년 전 | 1957 | ||
| 876 | HTML | 8년 전 | 2148 | ||
| 875 | HTML | 8년 전 | 1688 | ||
| 874 | HTML | 8년 전 | 2715 | ||
| 873 | HTML | 8년 전 | 2561 | ||
| 872 | HTML | 8년 전 | 2613 | ||
| 871 | HTML | 8년 전 | 2921 | ||
| 870 | HTML | 8년 전 | 2194 | ||
| 869 | HTML | 8년 전 | 2632 | ||
| 868 | HTML | 8년 전 | 2148 | ||
| 867 | HTML | 8년 전 | 1924 | ||
| 866 | HTML | 8년 전 | 1660 | ||
| 865 | HTML | 8년 전 | 1913 | ||
| 864 | HTML | 8년 전 | 2041 | ||
| 863 | HTML | 8년 전 | 1339 | ||
| 862 | HTML | 8년 전 | 1644 | ||
| 861 | HTML | 8년 전 | 1609 | ||
| 860 | HTML | 8년 전 | 1876 | ||
| 859 | HTML | 8년 전 | 1534 | ||
| 858 | HTML | 8년 전 | 1826 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기