2019-10-16 21:11:22 如何对div设置背景颜色、宽度、高度等样式。这里通过id class 直接对div设置style属性设置其这三个样式。
对DIV设置背景色同时设置宽度和高度CSS样式，当然DIV的背景色、DIV宽度、DIV高度是不同的CSS样式属性代码。
一、三个样式CSS单词：
background —— 背景样式
width —— 宽度
height —— 高度
二、给予值与解释：
background:#FFFFFF
设置背景色为白色
width:300px
设置宽度为300px
height:100px
设置高度为100px
三、同时div设置背景颜色 高度 宽度
class id 直接style属性对div设置三者。
代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div设背景色 宽度 高度 三种方法实例 HTML8</title>
<style>
.abc{ width:200px; height:100px; background:#F00}
#efg{ width:220px; height:80px; background:#333;color:#FFF}
</style>
</head>
<body>
<div class="abc">设置此DIV背景颜色红色 宽度200px高度100px </div>
<div id="efg">设置此DIV背景颜色 宽度220px 高度80px 字体颜色</div>
<div style=" background:#03F; width:180px; height:90px">背景蓝色 宽度 高度</div>
</body>
</html>
截图
浏览器中测试效果
以上即是css设置背景色、css设置div的背景色宽度高度。