js+css滑鼠經過背景變色的雙邊框圖片展示效果

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

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>
提示:您可以先修改部分代碼再運行
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.