天天看點

【HTML學習筆記九】架構和顔色

1.HTML架構

作用: 通過使用架構,你可以在同一個浏覽器視窗中顯示不止一個頁面。

文法:

<iframe src="URL" width = "xxx" height = "xxx" frameborder = "x"></iframe> 
           
  • width:定義邊框的寬
  • height:定義邊框的長
  • frameborder:定義邊框是否顯示,"1"顯示,"0"不顯示

執行個體:

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		<title>架構</title>
	</head>
	<body>
		<iframe src = "表單.html" width= "500" height= "500" frame name = "temp"></iframe>
		<br/>
		<p><a href = "https://blog.csdn.net/qq_28997735" target = "temp">我的部落格</p>
	</body>
</html>
           

結果:

點選“我的部落格”前

【HTML學習筆記九】架構和顔色

點選“我的部落格”後

【HTML學習筆記九】架構和顔色

2.HTML顔色

HTML 顔色由紅色、綠色、藍色混合而成。

1.顔色值

HTML 顔色由一個十六進制符号來定義,這個符号由紅色、綠色和藍色的值組成(RGB)。

每種顔色的最小值是0(十六進制:#00)。最大值是255(十六進制:#FF)。

通過更改數值來得到自己想要的顔色。

【HTML學習筆記九】架構和顔色

2.透明度

使用RGBA ,它是在 RGB 上擴充包括了 “alpha” 通道,運作對顔色值設定透明度。

例如:

background:rgba(255,0,0,.5);
           

透明度就是指這個.5,也就是0.5,0可以省略,範圍是0~1

執行個體:

<p style="background-color:rgba(255,0,0,0)">透明度為0</p>
<p style="background-color:rgba(255,0,0,0.25)">透明度為0.25</p>
<p style="background-color:rgba(255,0,0,0.5)">透明度為0.5</p>
<p style="background-color:rgba(255,0,0,0.75)">透明度為0.75</p>
<p style="background-color:rgba(255,0,0,1)">透明度為1</p>
           

結果:

【HTML學習筆記九】架構和顔色

繼續閱讀