본문 바로가기

Web개발

css로 index 화면 만들기

728x90

css로 index 화면 만들기



      body{
        background-color: #eeffcc;
      }

      #div_top{

        width:1000px;
        height:50px;
        background-color: #defacc;
      }

      #div_leftMenu{
        float:left;
        width:100px;
        height:800px;

        background-color: #ffeecc;


      }

      #div_detail{
        float:left;
        width:900px;
        height:800px;
        background-color: #eeccff;
      }


위 css 소스코드로 아래와 같은 화면을 만들 수 있다. 우리가 프레임셋을 하도 많이 쓰기도 했고 기본적으로 메뉴가 있고 내용이 있는 구성은 기본이므로 이런 화면을 많이 쓴다.





근데 html frame태그로는 잘 안만들고 요즘은 div랑 css를 조합해서 만드는 것 같으다.


ㅇㅇ


링크는 아래를 클릭하면 된다.

http://oceanfog1.appspot.com/



gae라서 링크가 깨질 일은 없겠지만 바뀔 수는 있으니 참고만 하시기 바랍니다.











728x90
블로그 주인장입니다. 원하시는 정보는 얻으셨나요? 이 포스트에서 추가로 필요한 정보가 있으시면 여기에 남겨주세요.