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

저작자표시비영리

'Web개발' 카테고리의 다른 글

php array와 array_push()와 json_encode  (0)	2016.10.05
HTML CSS로 frame layout 만들기 예제  (0)	2015.10.24
css로 index 화면 만들기  (0)	2014.08.22
CSS 두 줄로 배치 하는 방법 예제  (0)	2013.04.02
05 CSS로 Positioning 하는 법을 알아보자 - clear:both  (0)	2013.03.11
04 CSS로 Positioning하는 법을 배워보자 - float:left  (0)	2013.03.11