在线Html代码运行工具
[前景色]
[背景色]
[字体大小]
10
12
14
16
18
24
36
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>div/css鼠标热点改变li标签背景颜色</title> <style type="text/css"> .css_test{ background-color:#CCCC99; width:400px; color:#fff; margin-top:50px;} .css_test ul{ margin:0; padding:50px;} .css_test li{ list-style:none; height:24px; background-color:#CC3399; width:150px; margin-bottom:5px; line-height:24px; padding-left:4px; font-size:14px;text-align:left;} .css_test li:hover{ background-color:#99CC00; color:#CC3399; cursor:pointer;}/*cursor:pointer：设定鼠标样式*/ </style> </head> <body> <center> <div class="css_test"> <ul> <li>1111</li> <li>2222</li> <li>3333</li> <li>4444</li> </ul> </div> </center> </body> </html>
回博客首页