您的位置:CSS5 > CSS笔记 >

阿里云 2核CPU 4G内存 3M带宽云服务器 669元/3年

如何设置div的背景色和高度 CSS示例代码

发布日期:2019-10-16 21:06:48 来源:CSS5

对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设背景色 宽度 高度 三种方法实例 CSS5</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>

截图

设置div的背景色和高度
浏览器中测试效果

以上即是css设置背景色、css设置div的背景色宽度高度。

标签(Tag): div 高度 宽度 css 背景色
本文分享URL地址:https://www.css5.com.cn/biji/1589.shtml

作者:CSS5原创

上一页:上一篇:div在屏幕中水平居中 div内容居中
下一页:下一篇:html初始字体颜色+css单独对div设置字体颜色