提示:您可以先修改部分代碼再運行
js+css滑鼠經過背景變色的雙邊框圖片展示效果<!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><title></title><meta http-equiv="content-type" content="text/html;charset=gb2312"><!--把下面代碼加到<head>與</head>之間--><style type="text/css">img{border:1px solid #ccc;}.info li {padding:5px;width:320px;float:left;}.info li .img {padding:5px;border:1px solid #CBCBCB;display:block;}.info li .img:link,.info li .img:visited {border:1px solid #CBCBCB;}.info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;color:red;}span{display:block;width:320px;clear:both;text-align:center;}</style></head><body><!--把下面代碼加到<body>與</body>之間--><div class="info"> <ul> <li><span>圖片一</span></li> <li><span>圖片二</span></li> <li><span>圖片三</span></li> </ul></div></body></html>
提示:您可以先修改部分代碼再運行