div右上角添加背景色

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

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

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

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

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

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

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

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

css使div背景图片填充的具体 *** 作步骤如下：

1、我们首先打开前端开发工具，新建一个html代码页面。

2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"。

3、设置背景图片，创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。

4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。

5、回到html代码页面，在bg-img类里添加background-position: center的属性。

6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。

---