【HTML学习笔记九】框架和颜色

最新推荐文章于 2021-06-17 06:52:55 发布

思索与猫

最新推荐文章于 2021-06-17 06:52:55 发布

阅读量298

点赞数

分类专栏： HTML学习笔记文章标签： HTML 学习笔记

本文链接：https://blog.csdn.net/qq_28997735/article/details/97622304

版权

HTML学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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" frameborder="0" name = "temp"></iframe>
		<br/>
		<p><a href = "https://blog.csdn.net/qq_28997735" target = "temp">我的博客</p>
	</body>
</html>

结果：

点击“我的博客”前

在这里插入图片描述
点击“我的博客”后

2.HTML颜色

HTML 颜色由红色、绿色、蓝色混合而成。

1.颜色值

HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。
通过更改数值来得到自己想要的颜色。
在这里插入图片描述 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>

结果：
在这里插入图片描述

思索与猫

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【HTML学习笔记九】框架和颜色

1.HTML框架作用：通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。语法：<iframe src="URL" width = "xxx" height = "xxx" frameborder = "x"></iframe> width：定义边框的宽height：定义边框的长frameborder：定义边框是否显示，"1"显示，"0"不显示实...
复制链接

扫一扫

专栏目录