코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>CSS Backgrounds</title> <style> body { background-image: url("/examples/images/img_man.png"); background-repeat: no-repeat; background-position: left bottom; background-attachment: fixed; } </style> </head> <body> <h1>CSS를 이용한 배경이미지 설정입니다.</h1> <p>배경이미지가 지정된 위치에서 움직이지 않습니다.</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> <p>스크롤을 해도 배경은 움직이지 않아요!</p> </body> </html>
