본문으로 바로가기

css로 index 화면 만들기

category Web개발 2014.08.22 15:53

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라서 링크가 깨질 일은 없겠지만 바뀔 수는 있으니 참고만 하시기 바랍니다.












댓글을 달아 주세요