前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >标签之美八——网页框架 原

标签之美八——网页框架 原

作者头像
珲少
发布2018-08-16 11:16:20
5490
发布2018-08-16 11:16:20
举报
文章被收录于专栏:一“技”之长一“技”之长

标签之美——网页框架的应用

一、框架集<frameset>

框架集用来设置框架的属性,修饰框架的总体效果。

1、框架宽度

cols属性用来设置框架的宽度,示例如下:

代码语言:javascript
复制
<body>
<frameset cols="30%,30%,30%,10%">
<frame src="1.html">
<frame src="2.html">
<frame src="3.html">
<frame src="4.html">
</frameset>
</body>

其中属性设置的值可以是百分比,可以是固定值,*符号表示除了已经分配后的剩余空间。上面代码中每个html文件设置不同的背景颜色,效果如下:

2、框架高度

使用rows属性可是设置框架的高度。其用法和cols属性类似,示例如下:

代码语言:javascript
复制
<body>
<frameset rows="30%,30%,30%,10%">
<frame src="1.html">
<frame src="2.html">
<frame src="3.html">
<frame src="4.html">
</frameset>
</body>

注意:宽度和高度这两个属性,不能同时使用,只能二选一。

3、边框宽度

可以通过border属性设置框架边框的宽度,如下:

代码语言:javascript
复制
<body>
<frameset rows="30%,30%,30%,10%" border="10">
<frame src="1.html">
<frame src="2.html">
<frame src="3.html">
<frame src="4.html">
</frameset>
</body>
4、边框颜色

和其他属性类似,通过bordercolor可以设置边框的颜色。

5、设置是否显示边框

通过设置frameborder可以显示和隐藏边框,其值可取0或者1。隐藏效果如下:

代码语言:javascript
复制
<body>
<frameset rows="30%,30%,30%,10%" frameborder="0">
<frame src="1.html">
<frame src="2.html">
<frame src="3.html">
<frame src="4.html">
</frameset>
</body>

二、框架<frame>

框架和框架集是可以嵌套的。可以在一个框架中继续嵌套框架集。

1、设置框架大小不可调节

使用的框架,默认当鼠标点击拉动时是可以调节大小的,可以设置nosize="nosize"来设置不可调节。

2、设置框架的滚动条

scrolling属性可以设置框架是否显示滚动条,可以设置yes或者no。

专注技术,热爱生活,交流技术,也做朋友。 ——珲少 QQ群:203317592

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015/05/25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 标签之美——网页框架的应用
    • 一、框架集<frameset>
      • 1、框架宽度
      • 2、框架高度
      • 3、边框宽度
      • 4、边框颜色
      • 5、设置是否显示边框
    • 二、框架<frame>
      • 1、设置框架大小不可调节
      • 2、设置框架的滚动条
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档