標籤之美八——網頁框架

時間 2019-11-11

標籤標籤之美網頁框架欄目 HTML 简体版

原文原文鏈接

標籤之美——網頁框架的應用

1、框架集<frameset>

框架集用來設置框架的屬性，修飾框架的整體效果。html

一、框架寬度

cols屬性用來設置框架的寬度，示例以下：框架

<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文件設置不一樣的背景顏色，效果以下：spa

二、框架高度

使用rows屬性但是設置框架的高度。其用法和cols屬性相似，示例以下：code

<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>

注意：寬度和高度這兩個屬性，不能同時使用，只能二選一。htm

三、邊框寬度

能夠經過border屬性設置框架邊框的寬度，以下：scroll

<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>

四、邊框顏色

和其餘屬性相似，經過bordercolor能夠設置邊框的顏色。im

五、設置是否顯示邊框

經過設置frameborder能夠顯示和隱藏邊框，其值可取0或者1。隱藏效果以下：技術

<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>