当前第2页 返回上一页
上述只有文字显示，现在让我们用CSS作为背景上色。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#red {
background-color: #FF0000;
}
.skyblue {
background-color: skyblue;
}
.yellow{
background-color: yellow;
}
.blue{
background-color: blue;
}
.beige{
background-color: beige;
}
</style>
</head>
<body>
<div id="red">苹果</div>
<div class="skyblue">天空</div>
<div class="yellow">香蕉</div>
<div class="blue">大海</div>
<div class="beige">蒲公英</div>
</body>
</html>
|
在浏览器中显示效果如下：
可以看到背景是彩色的，也还可以确认指定了多个相同的类。
以上就是什么是div标签？HTML中div标签怎么使用？的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
html div标签怎么用
怎么在div标签内设置css样式
html如何在两个div标签中间画一条竖线
javascript如何删除div标签
什么是div标签？html中div标签怎么使用？
html div标签什么意思
如何使用html在两个div标签中间画一条竖线
更多相关阅读请进入《div标签》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 什么是div标签？HTML中div标签怎么使用？
