코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>CSS3 Backgrounds</title> <style> div { height: 200px; padding: 10px; margin-bottom: 20px; } #origin { background-image: url(/examples/images/img_man.png), url(/examples/images/img_background_good.png); background-position: right top, left; background-repeat: no-repeat, repeat; background-size: 100px 233px, auto; } </style> </head> <body> <h1>background-image 속성을 이용한 여러 개의 배경 이미지 설정</h1> <div id="origin"> <h2>여러 개의 배경 이미지 설정</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quam tellus, pellentesque posuere urna sit amet, pellentesque tempus risus. Vivamus interdum dolor nec diam lacinia, luctus semper erat laoreet. Proin enim eros, pulvinar a tellus ac, porttitor pharetra turpis. Maecenas eros ex, venenatis a varius in, vestibulum vel tortor. Phasellus imperdiet imperdiet ex, nec accumsan leo tristique at. Praesent eget nisl posuere sem aliquet feugiat nec nec eros. Mauris commodo magna dictum, pretium diam non, interdum eros. Cras vitae mauris sit amet tortor cursus accumsan eget vel neque.</p> </div> </body> </html>
