css设置div背景颜色

html-css06

css设置div背景颜色,第1张

CSS代码:

.divcss5{ background:#F00 color:#FFF}

html源代码:

<div class="divcss5">背景色为红色</div>

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:。

body {

animation: change 3s linear 0s infinite

}

@keyframes change {

0% {color: #333}

50% {color: #f60}

100% {color: #f00}

}

3、浏览器运行index.html页面,此时字体颜色会随着时间的变化而自动变化。

CSS设置div边框颜色宽度和高度步骤如下:

1、新建一个html文件,创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。

3、通过div 的border属性控制边框颜色,设置border的宽度为2px,线型为实线,颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度,如下图:

扩展资料:

css border属性:

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-width,border-style,border-color

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。