9.3.3 设置框架边框

当存在框架时,具有很多个网页文档在里面,如果按默认有边框的话,看起来很不美观。在出现多个网页文档时,可以设置框架边框,在<frameset>中用frameborder属性表示。


<frameset frameborder=#>


通过对frameborder的设置,就可以控制框架的边框,其中#代表设置的值,有两种表示方法。

❑第一种方法用英语表示,yes表示有边框,默认时也是有的,用no代表无边框。

❑第二种方法是用数字1表示有边框,0表示无边框。

下面代码9.6表示无边框,注意只在设置frameborder时与有边框不同而已。

代码9.6 源代码\第9章\设置框架边框.html


——————————————文件名:设置框架边框.html——————————————

01 <html>

02 <head>

03 <meta>

04 <title>设置框架边框</title>

05 </head>

06 <frameset cols="40%,*"frameborder="no">

07 <frame src="a.html"/>

08 <frame src="b.html"/>

09 </frameset>

10 </html>


【代码解析】代码第6~9行用一个页面表示两个网页文档,框架边框设置为无,效果如图9.6所示。图9.7是设置为有边框的效果,即框架默认的边框。

9.3.3 设置框架边框 - 图1

图 9.6 框架无边框

9.3.3 设置框架边框 - 图2

图 9.7 框架有边框

有时为了隐藏框架边框,通过设置frameborder的值可以达到美观效果,是不是比有边框的网页清秀点?当有多个框架页面存在时,更显得重要。

注意边框与滚动条不同,如果出现滚动条时,比较难判断有没有边框,请读者仔细观察。