页面框架-frameset

首先来看一段代码:

<frameset  rows="53,10,*,24" frameborder="0" border="0" framespacing="0"  id="MainFrame"  name="MainFrame" bordercolor="#99ccff" >
        <frame name="MainHeader" src="MainPage/MainHeader.aspx" scrolling="no" />
        <frame name="MainHBtn" src="MainPage/MainHBtn.html" scrolling="no"  noresize="yes" id="topbar">
        <frameset name="MainBody" cols="210,10,*"  >
            <frame name="MainMenu" src="MainPage/MainMenu.aspx" scrolling="yes" />
            <frame name="MainLbtn" src="MainPage/MainLbtn.html" scrolling="no" noresize="yes" />
            <frame name="MainBody" src="MainPage/MainBody.aspx" />
        </frameset>
            <frame name="MainFooter" src="MainPage/MainFooter.aspx" scrolling="no"   />
    
</frameset>

 

其效果顶部有一个导航页+上下缩进按钮+底部

 

中间分为左边一个导航页+左右缩进+主题内容

 

其实仔细看看代码<frameset></frameset> 是一个大框架 再细分rows="53,10,*,24"  表示分行一样,高度分别是53 20 24 那么星号呢?*表示页面剩余的高度。

 

剩余页面又分为三列 <frameset name="MainBody" cols="210,10,*"  > 如果要加四列 五列 加参数

 

这样就很容易理解了

 

 

 

你可能感兴趣的:(框架,border)