Hopes

          Start Here..

           

          框架集中framespacing、border和frameborder屬性的關系

          框架集中framespacing、border和frameborder屬性的關系


          一、framespacing和border屬性

          我們知道,使用border屬性是設置邊框的寬度的。參考示例:HTML4.01教程:窗口框架設置窗口邊框的粗細示例

          同樣,使用framespacing屬性也是設置邊框的寬度的。參考使用framespacing屬性設置框架集邊框寬度

          不論單獨使用哪一個屬性,顯示的效果都是一樣的。

          而在Dreamweaver中,一旦在“屬性”欄中設置了邊框的寬度,則會同時使用這兩個屬性來表示。代碼如下:

          <html> <head> <title>框架集中framespacing、border和frameborder屬性的關系示例-baike369.com</title> </head>   <frameset cols="40%,*">   <frame src="append/Frame_a.html" />     <frameset rows="40%,*" framespacing="50" border="50">     <frame src="append/Frame_b.html" />     <frame src="append/Frame_c.html" />     </frameset>   </frameset>   <noframes>   <body>您的瀏覽器無法處理框架!</body>   </noframes> </html>

          查看代碼效果:框架集中framespacing、border和frameborder屬性的關系示例

          同時使用這兩個屬性和單獨使用任一個屬性,顯示的效果也是一樣的。

          在這里,需要注意:

          • 如果framespacing屬性的值不變,而改變borer屬性值的大小,顯示的效果不變。
          • 如果border屬性的值不變,而改變framespacing屬性值的大小,顯示的效果則以framespacing的大小為準。

          因此,在框架集中,需要修改邊框的寬度時,應該以framespacing屬性為主。

          二、frameborder屬性與framespacing和border屬性

          下面來討論frameborder屬性與framespacing和border屬性的關系。

          關于frameborder屬性,請參考隱藏窗口邊框。當frameborder="1"時,表示顯示框架的邊框,因為它是默認值,所以不必設置。而當frameborder="0"時,會出現兩種情況:

          這里以同時設置framespacing和border屬性為例。當然,單獨使用任一個屬性,效果也是一樣的。

          1. 當framespacing和border屬性設置為一個大于0的數時

          會出現下面的情況:

          <frameset cols="40%,*"> <frame src="append/Frame_a.html" /> <frameset rows="40%,*" framespacing="80" border="80" frameborder="0"> <frame src="append/Frame_b.html" /> <frame src="append/Frame_c.html" /> </frameset> </frameset>

          查看代碼效果:框架集中framespacing、border和frameborder屬性的關系示例(二)

          此時,雖然不顯示框架的邊框,但是邊框占據的空間還是存在的。它也會影響網頁的布局。

          2. 當framespacing和border屬性設置為0時

          會出現下面的情況:

          <frameset cols="40%,*"> <frame src="append/Frame_a.html" /> <frameset rows="40%,*" framespacing="0" border="0" frameborder="0"> <frame src="append/Frame_b.html" /> <frame src="append/Frame_c.html" /> </frameset> </frameset>

          查看代碼效果:框架集中framespacing、border和frameborder屬性的關系示例(三)

          我們發現,Frame_b.html和Frame_c.html這兩個網頁之間的邊框消失不見了,看上去就像一個網頁一樣。

          請分清這兩種情況,然后在網頁制作中,根據具體的情況進行選擇!

          三、相關閱讀

          posted on 2012-07-30 16:50 ** 閱讀(5655) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          導航

          統計

          公告

          你好!

          常用鏈接

          留言簿(2)

          隨筆檔案

          文章分類

          文章檔案

          新聞檔案

          相冊

          收藏夾

          C#學習

          友情鏈接

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 渭源县| 黄骅市| 德昌县| 徐汇区| 东海县| 瑞金市| 山东| 双峰县| 卓尼县| 上思县| 楚雄市| 平陆县| 洛宁县| 泸西县| 墨江| 乐东| 阿克陶县| 大城县| 苗栗市| 桃园市| 习水县| 安陆市| 长汀县| 苏尼特左旗| 桐庐县| 石嘴山市| 高要市| 衡东县| 东乌| 驻马店市| 巴彦县| 丁青县| 凤阳县| 商都县| 广水市| 日喀则市| 沭阳县| 禹城市| 江永县| 蒲城县| 广西|