티스토리 뷰

Web개발

css로 index 화면 만들기

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











공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함