对DIV设置背景色同时设置宽度和高度CSS样式,当然DIV的背景色、DIV宽度、DIV高度是不同的CSS样式属性代码。

一、三个样式CSS单词:

background —— 背景样式

width —— 宽度

height —— 高度

二、给予值与解释:

background:#FFFFFF

设置背景色为白色

width:300px

设置宽度为300px

height:100px

设置高度为100px

三、同时div设置背景颜色 高度 宽度

class id 直接style属性对div设置三者。

代码:

div设背景色 宽度 高度 三种方法实例 CSS5

.abc{ width:200px; height:100px; background:#F00}

#efg{ width:220px; height:80px; background:#333;color:#FFF}

设置此DIV背景颜色红色 宽度200px高度100px
设置此DIV背景颜色 宽度220px 高度80px 字体颜色
背景蓝色 宽度 高度

截图

25a09cb43514dd299de12baa59d147cc.png

浏览器中测试效果

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

作者:CSS5原创

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐