더 나은 프로그래머가 되자

배경관련 속성(background) 본문

언어/js

배경관련 속성(background)

greathuman 2010. 12. 15. 12:16

문법
HTML : {background-image: url}
JScript : object.style.backgroundImage = "url(주소)";

예제)

<head>
<style type="text/css">
<!--
TD.bi1 {background-image: url(이미지경로)}
TD.bi2 {background-image: url(이미지경로); background-color: black}
TD.bi3 {background-image: url(none); background-color: skyblue}
-->
</style>
</head>
..........
<table width=600 height=400 cellspacing=1 cellpadding=1 border=1>
  <tr>
    <td class="bi1">{background-image: url(이미지경로)}</td>
    <td class="bi2">{background-image: url(이미지경로); background-color: black}</td>
  </tr>
  <tr>
    <td class="bi3">{ url(none); background-color: skyblue}</td>
    <td bgcolor=gold id="bi4">object.style.backgroundImage = 'Property'</td>
  </tr>
</table>
..........
<input type=button onClick="bi4.style.backgroundImage='url(이미지경로)'" value=backgroundImage>
<input type=button onClick="bi4.style.backgroundImage='url(none)'" value=none>

'언어 > js' 카테고리의 다른 글

숫자만 입력 받도록하는 스크립트  (0) 2011.01.04
아이디 비밀번호 체크 정규식  (0) 2010.12.21
글자 수 제한 (오버된 글자가 한 글자씩 삭제)  (0) 2010.12.20
getElementById,getElementsByName에 변수값 입력하기  (0) 2010.12.06
버튼으로 폼 추가하기  (0) 2010.11.15
'언어/js' Related Articles more
Comments