Web/lec04ex2.html at master · gamgam330/Web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>

<html>
    <head>
        <title>사진예제</title>
        <style type = "text/css">
            h3{color:red; background-color:#90ff90;}
            h3:after{content:"ⓒsblim";font-size: 10pt;background-color: yellow;}
            #first{background-image: url(flower.png);background-repeat: repeat-x; background-size:20%;}
            #second{background-image: url(flower.png);background-size:20%;}
            #third{background-image: url(flower.png);background-repeat: no-repeat; background-position: center bottom;background-size:20%;}
        </style>
    </head>
    <body>
        <h3>CSS 배경관련 속성</h3>
        <table border = "1">
            <tr>
                <td id = "first">배경이미지 <br>●url</td>
                <td id = "second">배경이미지 <br>●url</td>
                <td id = "third">배경이미지 <br>●url</td>
            </tr>
        </table>
    </body>
</html>