html - div スタイル内で :hover を作成するにはどうすればよいですか?

Question

したがって、私のコードは次のようになります。

<div id="blackbox">style="background: black; 
width: 90px; 
height: 80px; 
color: white; 
text-align: center; 
font-family: Times; 
font-size: 20px;
position: fixed;
left: 0px;
bottom: 150px   

今では何とかインライン CSS で動作しません。これが私ができる唯一のことです。あなたがそれに対する解決策を持っていれば、私は素晴らしいでしょう. しかし、私は :hover プロパティを作りたいのですが、これはうまくいかないのでどうすればいいですか:

<div style="background: black; 
width: 90px; 
height: 80px; 
color: white; 
text-align: center; 
font-family: Times; 
font-size: 20px;
position: fixed;
left: 0px;
bottom: 150px}

blackbox:hover {background: white;}

また

:hover {background: white;}

また

hover {background: white;}