CSS鼠标悬停div加边框效果
生活随笔
收集整理的這篇文章主要介紹了
CSS鼠标悬停div加边框效果
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<title>css實現鼠標懸停時圖片加邊框效果</title>
<style type="text/css"> .demo{background:white;margin:0 5px;width:170px;height:170px;}.demo:hover{border:1px red solid;}.demo:hover{width:166px;height:166px;border:2px solid #D94600;}</style></head>
<body><div class="demo"><p><img src="/jscss/demoimg/wall_s6.jpg" /></p><p>asdasd</p><p>asdasd</p><p>defrwer</p>
</div>
</body>
</html>
總結
以上是生活随笔為你收集整理的CSS鼠标悬停div加边框效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： QTreeView使用总结11，数据过滤
- 下一篇： 尚硅谷_CSS3 笔记