background url

1. background css 속성

  - background-color     

<style>

    body { background-color: lightblue; }

    h1 { background-color: rgb(255,128,0); }

    p { background-color: #FFFFCC; }

</style>

  - background-image

 <style>

    body { background-image: url("/examples/images/img_background_good.png"); }

</style>

  - background-repeat

<style>

    body { background-image: url("/examples/images/img_man.png"); background-repeat: repeat-x; }

</style>

  - background-position

<style>

    body {

        background-image: url("/examples/images/img_man.png");

        background-repeat: no-repeat;

        background-position: top right;   

        background-position: 100px 200px;    //직접적인 수치로 명시도 가능    

    }

</style>

  - background-attachment

<style>

    body {

        background-image: url("/examples/images/img_man.png");

        background-repeat: no-repeat;

        background-position: left bottom;

        background-attachment: fixed;

    }

</style>

- background 속성 한번에 작성하기 

<style>

    body { background: #FFCCCC url("/examples/images/img_man.png") no-repeat left bottom fixed; }

</style>