HTML基础-10-浮动框架和颜色

玄德公笔记

已于 2022-11-18 23:45:50 修改

阅读量1.4k

点赞数 1

分类专栏： # HTML基础教程文章标签： css html 前端浮动框架颜色

于 2022-03-25 14:49:19 首次发布

本文链接：https://blog.csdn.net/xingzuo_1840/article/details/123513349

版权

HTML基础教程专栏收录该内容

10 篇文章 3 订阅

订阅专栏

文章目录

1. 浮动框架（< iframe >）
2. 颜色
- 2.1 示例
- 2.2 颜色表

1. 浮动框架（< iframe >）

在框架中显示页面

代码

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>蜀</title> 
</head> 
<body>

<iframe src="https://blog.csdn.net/xingzuo_1840" name="iframe_a"  width="500" height="300"></iframe>
<p><a href="https://blog.csdn.net/xingzuo_1840" target="iframe_a">玄德公的主页</a></p>

</body>
</html>

说明：
a 中定义了 target=“iframe_a”，因此点击链接会跳到框架中
frameborder="0" 可以不显示边框

显示结果

在这里插入图片描述

2. 颜色

2.1 示例

使用方法

可以使用 16进制、RGB、颜色名来表示颜色

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>蜀</title> 
</head> 
<body>

<p style="background-color:#FFFF00">
通过十六进制设置背景颜色
</p>

<p style="background-color:rgb(255,255,0)">
通过 rgb 值设置背景颜色
</p>

<p style="background-color:yellow">
通过颜色名设置背景颜色
</p>

</body>
</html>