js 自定义框架分割线效果

最新推荐文章于 2024-04-08 23:44:20 发布

最新推荐文章于 2024-04-08 23:44:20 发布 · 964 阅读

文章标签：

#框架

html&css&javascript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种使用HTML和frameset实现自定义框架分隔线的方法。通过设置不同属性如border、framespacing等，可以调整框架外观。文章详细展示了如何创建包含顶部标题栏和主体内容区域的多级嵌套框架布局。

<html>
<frameset border="1" bordercolor="#6699cc" framespacing="20" id="fsTop" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rows="85,*">
<frame border="0" frameborder="no" marginheight="0" marginwidth="0" name="title" noresize scrolling="no" src="javascript:document.write('<br><h1>自定义框架分隔线效果</h1>')" leftmargin="0" topmargin="0">
<frameset border="1" frameborder="1" framespacing="20" marginwidth="0" marginheight="0" name="search" leftmargin="0" topmargin="0" cols="110,*">
<frame border="0" frameborder="0" marginheight="0" marginwidth="0" name="dir" src="about:blank" target="main" style="BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #003366 1px solid" leftmargin="0" topmargin="0" scrolling="auto" target="main">
<frame border="0" bordercolor="#6699cc" frameborder="no" name="main" scrolling="yes" src="about:blank" style="BORDER-LEFT: #99ccff 2px groove; BORDER-TOP: #003366 1px solid" target="_blank">
</frameset>
</frameset>
</html>