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 に答える