数据结构
网络
关系型数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学HTML5中background属性为何已弃用？
本文将讨论background属性以及它在HTML5中为何被弃用的原因。
什么是Background属性？
在HTML中，“background”可以用作HTML元素（例如div、table、body等）的属性。我们可以指定一个图像来设置网页的背景等。最常用的图像格式是PNG、JPEG和GIF。
语法
以下是带有HTML元素的background属性的语法：
<table background = "/images/html.gif"> </table>
此属性在HTML5中已弃用，建议不要使用。相反，在HTML5中，首选使用CSS而不是HTML属性来设置背景。
在HTML5中，“background”是一个简写CSS属性，它能够设置所有背景样式属性（例如颜色、图像、重复、位置、大小和剪裁）。
语法
以下是CSS background属性的语法：
p {
background-color: red;
}
示例
在下面的示例中，我们将background属性与HTML元素一起使用：
<!DOCTYPE html> <html> <head> <title>HTML Background Images</title> </head> <body background="https://media.tenor.com/kgNBW3GoSRoAAAAd/beach-waves.gif"></body> </html>
以上程序的输出如下：
示例
在下面的示例中，我们将使用CSS（层叠样式表）而不是HTML属性来指定“background”属性。
<!DOCTYPE html>
<html>
<head>
<title>How background attribute is deprecated in HTML5</title>
<style>
div {
border: solid 1px;
border-radius: 5px;
padding: 10px;
}
p {
font-size: larger;
text-align: center;
color: white;
}
.mydiv {
background-color: seagreen;
}
</style>
</head>
<body>
<div class="mydiv">
<p>Welcome to tutorialspoint</p>
</div>
</body>
</html>
让我们编译并运行上述程序，以产生以下结果：
示例
这里，我们将使用CSS（层叠样式表）而不是HTML属性来指定“background-color”属性。
<!DOCTYPE html>
<html>
<head>
<title>How background attribute is deprecated in HTML5</title>
<style>
p {
font-size: larger;
text-align: center;
color: white;
}
.mydiv {
background-color: seagreen;
}
body {
background-color: beige;
}
</style>
</head>
<body>
<div class="mydiv">
<p>Welcome to tutorialspoint</p>
</div>
</body>
</html>
当我们执行上面的查询时，输出结果如下：
更新于：2023年8月31日
浏览量：135
广告