배경이미지는 가로, 세로로 무한히 반복되어 나타납니다. 이런 효과때문에 홈페이지를 만들때 때로는 많은 불편을 가져오기도 합니다.
이런 불편함을 요즘에 많이 사용하는 스타일시트를 이용하여 간단히 제어할 수 있는데 아직 넷스케이프와 익스플로러에서 스타일시트 문법 통일이 이루어지지 않아 서로 호환이 안되는 스타일시트도 있지만 홈페이지를 만드는데 상당히 많은 도움을 줄 것 같습니다.
설치법은 다음에 설명할 스타일시트 태그를 </TITLE>태그와 </HEAD>사이에 넣으면 간단히 설치가 됩니다.
◈ 배경이미지 무반복
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:no-repeat}
</style>
◈ 배경이미지 가로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:repeat-x}
</style>
◈ 배경이미지 세로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:repeat-y}
</style>
◈ 배경이미지 특정위치에 놓기(주의 : 넷스케이프 지원안함)
스타일시트 태그는 배경이미지를 반복하지 않고 중앙에 배경이미지 하나만을 위치시키도록 하는 스타일시트 태그입니다. 여기서 위의 스타일시트 태그의 no, x, y, 50%등을 응용하면 배경이미지를 자유자재로 위치시킬수 있습니다.
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:no-repeat}
background-attachment : fixed; background-position : 50% 50%}
</style><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
이런 불편함을 요즘에 많이 사용하는 스타일시트를 이용하여 간단히 제어할 수 있는데 아직 넷스케이프와 익스플로러에서 스타일시트 문법 통일이 이루어지지 않아 서로 호환이 안되는 스타일시트도 있지만 홈페이지를 만드는데 상당히 많은 도움을 줄 것 같습니다.
설치법은 다음에 설명할 스타일시트 태그를 </TITLE>태그와 </HEAD>사이에 넣으면 간단히 설치가 됩니다.
◈ 배경이미지 무반복
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:no-repeat}
</style>
◈ 배경이미지 가로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:repeat-x}
</style>
◈ 배경이미지 세로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:repeat-y}
</style>
◈ 배경이미지 특정위치에 놓기(주의 : 넷스케이프 지원안함)
스타일시트 태그는 배경이미지를 반복하지 않고 중앙에 배경이미지 하나만을 위치시키도록 하는 스타일시트 태그입니다. 여기서 위의 스타일시트 태그의 no, x, y, 50%등을 응용하면 배경이미지를 자유자재로 위치시킬수 있습니다.
<style type="text/css">
body {background-image:url(배경이미지 파일경로); background-repeat:no-repeat}
background-attachment : fixed; background-position : 50% 50%}
</style><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1430 | 18년 전 | 2976 | ||
| 1429 | 18년 전 | 2923 | ||
| 1428 | 18년 전 | 2818 | ||
| 1427 | 18년 전 | 2128 | ||
| 1426 |
 친절한서기 |
18년 전 | 2309 | |
| 1425 |
친절한서기 |
18년 전 | 2864 | |
| 1424 |
 사이버매치스틱 |
18년 전 | 2957 | |
| 1423 |
frotone
|
18년 전 | 4120 | |
| 1422 | 18년 전 | 6112 | ||
| 1421 | 18년 전 | 2047 | ||
| 1420 | 18년 전 | 2178 | ||
| 1419 | 18년 전 | 1886 | ||
| 1418 | 18년 전 | 1649 | ||
| 1417 | 18년 전 | 2631 | ||
| 1416 | 18년 전 | 1692 | ||
| 1415 | 18년 전 | 1559 | ||
| 1414 | 18년 전 | 4734 | ||
| 1413 | 18년 전 | 1787 | ||
| 1412 | 18년 전 | 1833 | ||
| 1411 | 18년 전 | 1842 | ||
| 1410 | 18년 전 | 1966 | ||
| 1409 | 18년 전 | 3625 | ||
| 1408 | 18년 전 | 1647 | ||
| 1407 | 18년 전 | 1518 | ||
| 1406 | 18년 전 | 1349 | ||
| 1405 | 18년 전 | 1853 | ||
| 1404 | 18년 전 | 1899 | ||
| 1403 |
frotone
|
18년 전 | 3645 | |
| 1402 | 18년 전 | 1973 | ||
| 1401 | 18년 전 | 3106 | ||
| 1400 | 18년 전 | 4727 | ||
| 1399 | 18년 전 | 2858 | ||
| 1398 | 18년 전 | 8043 | ||
| 1397 | 18년 전 | 4053 | ||
| 1396 |
 hanpedro |
18년 전 | 2737 | |
| 1395 | 18년 전 | 1520 | ||
| 1394 | 18년 전 | 2618 | ||
| 1393 | 18년 전 | 5036 | ||
| 1392 | 18년 전 | 5218 | ||
| 1391 |
cncafe
|
18년 전 | 2089 | |
| 1390 |
mixdesign
|
18년 전 | 4348 | |
| 1389 | 18년 전 | 4089 | ||
| 1388 |
mixdesign
|
18년 전 | 4141 | |
| 1387 | 18년 전 | 2260 | ||
| 1386 | 18년 전 | 4182 | ||
| 1385 |
mixdesign
|
18년 전 | 2169 | |
| 1384 | 18년 전 | 3276 | ||
| 1383 | 18년 전 | 4909 | ||
| 1382 | 18년 전 | 1946 | ||
| 1381 |
오디세우스
|
18년 전 | 3404 | |
| 1380 |
mixdesign
|
18년 전 | 1635 | |
| 1379 | 18년 전 | 2732 | ||
| 1378 |
mixdesign
|
18년 전 | 1657 | |
| 1377 | 18년 전 | 2707 | ||
| 1376 |
hanpedro |
18년 전 | 2548 | |
| 1375 |
 짱구000 |
18년 전 | 1550 | |
| 1374 |
짱구000 |
18년 전 | 1489 | |
| 1373 |
짱구000 |
18년 전 | 1733 | |
| 1372 | 18년 전 | 2236 | ||
| 1371 | 18년 전 | 2012 | ||
| 1370 | 18년 전 | 2375 | ||
| 1369 | 18년 전 | 4912 | ||
| 1368 |
mixdesign
|
18년 전 | 1815 | |
| 1367 | 18년 전 | 1255 | ||
| 1366 | 18년 전 | 1376 | ||
| 1365 | 18년 전 | 1330 | ||
| 1364 | 18년 전 | 1076 | ||
| 1363 | 18년 전 | 1075 | ||
| 1362 | 18년 전 | 1402 | ||
| 1361 | 18년 전 | 1357 | ||
| 1360 | 18년 전 | 2346 | ||
| 1359 | 18년 전 | 1222 | ||
| 1358 | 18년 전 | 1604 | ||
| 1357 | 18년 전 | 2089 | ||
| 1356 | 18년 전 | 1273 | ||
| 1355 | 18년 전 | 2825 | ||
| 1354 | 18년 전 | 1269 | ||
| 1353 | 18년 전 | 1646 | ||
| 1352 | 18년 전 | 1496 | ||
| 1351 | 18년 전 | 1447 | ||
| 1350 | 18년 전 | 1231 | ||
| 1349 | 18년 전 | 1075 | ||
| 1348 | 18년 전 | 1663 | ||
| 1347 | 18년 전 | 1100 | ||
| 1346 | 18년 전 | 3614 | ||
| 1345 | 18년 전 | 1708 | ||
| 1344 |
mixdesign
|
18년 전 | 1787 | |
| 1343 | 18년 전 | 1112 | ||
| 1342 | 18년 전 | 1848 | ||
| 1341 | 18년 전 | 1093 | ||
| 1340 | 18년 전 | 1163 | ||
| 1339 | 18년 전 | 1013 | ||
| 1338 | 18년 전 | 1001 | ||
| 1337 | 18년 전 | 1094 | ||
| 1336 |
hanpedro |
18년 전 | 2575 | |
| 1335 | 18년 전 | 1544 | ||
| 1334 | 18년 전 | 1636 | ||
| 1333 | 18년 전 | 1201 | ||
| 1332 | 18년 전 | 1871 | ||
| 1331 | 18년 전 | 1516 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기