Html & Css

아이프레임 사용하지않고 박스만들기

안개핑 2016. 6. 4. 01:48

 

 

1. <head>와 </head>사이에 넣에주세요.

< style type="text/css">
#box {width:260; height:100; overflow:auto; padding:7; border:1 solid #B8B0A0; background:#F8F4F0; url(배경그림주소) no-repeat fixed right bottom}
< /style>


※ width:260; height:100; 박스 가로 세로 크기
※ padding:7; 박스 안 여백
※ border:1 solid #B8B0A0; 박스 테두리 크기와 색상
※ background:#F8F4F0 배경색상
※ url(배경그림주소) no-repeat fixed right bottom
  배경그림주소는 넣어주시고요.. 뒤에는 고정 시키기.. 오른쪽 아래로 고정..




2. 이젠 박스가 들어갈곳에...

   <div id="box">내용</div>   이렇게 작성하시면 된답니다. ^0^