怎样用js设置div的背景色

1、首先打dreamware软件，然后在 body中写入一个 div，把div赋予一个 id方便提取；

2、用css写div属性和初始的背景色，width宽度值；height高度值；background初始的背景色。

3、写进<script>标签，定义一个变量<mydiv>获取前面定义好的div。

4、然后用onmouseover事件，鼠标移动时触发事件，来控制鼠标在div时，背景色变为红色。

5、接着用onmouseout事件，鼠标离开元素时触发事件，来控制div背景色变为绿色，如图所示。

div右上角添加背景色步骤：

1、div右上角背景颜色添加可在鼠标移入时，通过backgroundcolor属性设置背景颜色。

2、从右上角和左下角同时向中间填充颜色，直至到中间部分两边重合，颜色填充完毕即可完成右上角添加背景色。

1、设置边框和背景色需要使用css的border和background属性。具体的用法是，首先打开html编辑器，在空白的html文件中，新建一个div和span标签，并在上方head里设置style标签：

2、接着在style标签中设置span和div的标签，首先给它们宽度和高度，接着给他们设置不同颜色，最后设置边框border，border属性的3个值分别代表边框宽度，边框样式，边框颜色：

3、其中边框样式有点线，虚线，双线，实线等不同类别，具体样式在下图中均已列出，可根据自己的喜好选择，这里设置span的边框样式为dashed，div的为solid：

4、最后打开浏览器，就可以看到设置好的效果了。以上就是设置span和div的边框和背景色的方法介绍：

---