인터넷정보

문서에 테두리 두르기

알 수 없는 사용자 2007. 10. 16. 17:18
우측 프레임에 빨간색 테두리가 있죠. 이렇게 문서전체에 여백없이 깔끔한 테두리를 만들어주는 소스입니다.
(이 창은 프레임이 나눠져 있어서 이 페이지의 테두리만 둘러졌죠.)
요즘은 커뮤니티나 까페같은 곳에서도 종종 보이고, 새창으로 띄운 웹페이지에도
간혹 테두리를 두른 모습이 보이더군요. 테두리의 모양과 색상만 변경하시면 됩니다.
________________________________________________________________________________________________________
<body>와 </body>안에 넣어주세요. 즉,</body>의 바로 위에 삽입해주심
간단하겠죠.
________________________________________________________________________________________________________
<script>
if (document.all)
document.body.style.cssText="border:10 outset FF9999"
</script>
_______________________________________________________________________________________________________
위의 소스에서 테두리의 모양과 색상을 바꾸시려면
border:10 - 테두리두께. 수치를 조절하면 됨
       outset - 테두리의 모양
                  dotted, dashed, solid, double, groove, ridge, indet, outset
                  등으로 바꿔서 사용가능.solid 로 하면 단순한모양의 한줄 테두리
      FF9999  - 테두리의 색상 . 색상표를 참고로 다양한 색상으로 변경
_______________________________________________________________________________________________________

또 다른 방법은 <style>body{border:10 ridge blue;}</style> 이렇게 style를 이용하시면 됩니다. 설명은 안해도 되겠죠.
________________________________________________________________________________________________________
반응형

'인터넷정보' 카테고리의 다른 글

클릭하면 예쁜 꽃과 낙엽들이......  (0) 2007.10.16
이쁜 공지창  (0) 2007.10.16
이쁜 공지창  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
새로고침 / 뒤로가기 / 앞으로가기  (0) 2007.10.16
문서에 테두리 두르기  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
이쁜 공지창(fieldset)  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16
아이콘 모음 ( 고문편 )  (0) 2007.10.16