1

我在 html5 中创建了一个圆角矩形。这是代码-

<div style="position:absolute; width:148px; height:44px; left:90px; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; border:2px solid #FFFFFF; background-color:#4D0C00; cursor:pointer; top: 98px;"> </div>

现在我想改变鼠标悬停的背景颜色。有什么帮助吗？？

4

2 回答 2

2 
<div style="position:absolute; width:148px; height:44px; left:90px; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; border:2px solid #FFFFFF; background-color:#4D0C00; cursor:pointer; top: 98px;"> </div>

更改此代码。使用内联样式不是一个好习惯。

<div class="myDiv"> </div>

为内联样式创建 CSS 类。

.myDiv{position:absolute;width:148px;height:44px; left:90px; -webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px; border:2px solid #FFFFFF; background-color:#4D0C00; cursor:pointer; top: 98px;}

.myDiv:hover{background-color:#FF0000; /* put your color here */ }
于 2012-10-18T07:29:11.383 回答
1

检查这个演示

<div class="divClass"> </div>

.divClass:hover{ background: red; }
于 2012-10-18T07:27:51.637 回答