100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > CSS实现鼠标悬停图片时的边框变色效果

CSS实现鼠标悬停图片时的边框变色效果

时间:2022-04-11 22:29:09

相关推荐

CSS实现鼠标悬停图片时的边框变色效果

CSS实现鼠标悬停图片时的边框变色效果,CSSS双边框,鼠标悬停变色效果,用CSS实现的图片双边框效果,鼠标悬停经过时显示背景色,很简单的效果,网上常见,代码不复杂,用的是一些基本的CSS知识。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS Border双边框-</title><style>*{margin:0;padding:0;list-style:none;font-size:14px}h1{margin:10px;}img{border:1px solid #ccc}.info li { padding:8px;width:140px;float:left}.info li .img { padding:8px; 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;}</style></head><body><div class="info"><ul><li><a href="/" class="img" ><img src="/jscode/demoimg/demoimg.jpg" /></a></li></ul></div></body></html>

引自:/jscss/4.shtml

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。