怎样给html中所有的h1标签增加一个背景色

怎样给html中所有的h1标签增加一个背景色,第1张

可以直接使用css样式给h1标签添加一个背景色即可。以下是具体实现代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

h1{background:red}

</style>

</head>

<body>

<h1>这是一个标题测试</h1>

<h1>这是另一个标题测试</h1>

</body>

</html>

运行结果:

扩展资料:

HTML的优点:

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

3、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

4、通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

在head标签里添加

<style>

h1{

background:颜色;

}

</style>

H1{background-color:#999999;display:block};记得H1好像不是块级元素,所以先用display:block转换成块级元素,这样应该是可以了的。

<p class="pp">test content</p>

<p>test content</p>

css:.pp{background-color:red}

这样的话,就只有具有class="pp"的p标签有红色背景

p{background-color:red}

扩展资料:

<head>标签用于定义网页文档的头部,它是所有头部元素的容器。

<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分:<base>、<link>、<meta>、<script>、<style>以及<title>。<title>;定义文档的标题,它是 head 部分中必需存在的元素。

参考资料来源:百度百科-head

1、打开dreamweaver软件,点击新建html文件。

2、为了便于我们观察 *** 作,我们采用拆分模式

3、我们在标签下面输入,这时发现背景变成了红色。

4、下面我们在下面加个标题,在下面添加,添加内容随意。

红色的背景

5、我们发现标题不居中,我们要求标题居中,在

当中添加align=center即 红色的背景这时我们发现背景就居中了。

6、我们点开设计模式看下,红色的背景就跃然纸上,为网页添加背景颜色的任务就完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11576677.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存