반응형
Element의 배경색이나 무늬를 지정할 수 있습니다.
- background-color : 색 이름 / RGB값
- background-image : url("URL") / none
- background-repeat : repeat / repeat-x / repeat-y / no-repeat
- background-position : top / bottom / left / right / center
- background-attachment : fixed / scroll
예제 입니다.
<body>
<span style="background-color:Yellow;">배경</span><br />
<textarea cols="40"; rows="10";
style="
background-color:Yellow;
background-image:url('./images/15-1.jpg');
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;">
15-1
</textarea>
</body>
no-repeat로 하면 한번 만 보여주겠다.(repeat-x,repeat-y;)
background-attachment:fixed;와 scroll로 바꿀수 있다.
fixed는 이미지 고정시켜서 스크롤을 내려도 이미지는
제 위치 그대로 있게하는 방법이고, scroll는 이미지 고정이 아닙니다.
15.배경관련스타일.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 17.CSS - 링크(link)스타일 지정 (0) | 2009.07.29 |
|---|---|
| 16.CSS - 마우스커서관련 (0) | 2009.07.29 |
| 14.CSS - 테두리외각선 (0) | 2009.07.29 |
| 13.CSS - 여백관련 (0) | 2009.07.29 |
| 12.CSS - 텍스트관련 (0) | 2009.07.29 |
Comments