css实现图片选中效果
2012-04-10 10:12
148 查看
<style type="text/css"> .worksbox{width:114px;height:114px;position:relative;} .worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;} .worksbox a:hover{border:1px solid #000;background-color:#333;text-decoration: none;} .worksbox a span{display:none; text-align:center; font-size:12px;} .worksbox a:hover span{color:#FFF;display:block;background-color:#333;width:114px;position:absolute;top:94px;left:0px;line-height:20px;} .worksbox a img{width:100px;height:100px;} </style> <div class="worksbox" ><a href="#" ><span>本期模特【朱茵】</span><img src="http://www.lanrentuku.com/images/uppic/200812131645360.gif" alt="" border="0" /></a></div>
相关文章推荐
- css实现图片选中效果,选中后在图片上有内框和文字介绍
- CSS实现图片选中加边框效果
- [置顶] CSS实现纯图片替换效果和div模拟下拉条的实现 -- 剔除知识误区
- Javascript+CSS实现漂亮带缓冲效果的图片展示代码
- 【前端】CSS实现背景图片透明和文字不透明效果
- CSS常用效果实现004——控制div的背景图片的长宽
- 用CSS实现文字环绕图片的效果
- css实现背景图片毛玻璃以及渐变色效果
- 用css实现光泽一闪而过的图片效果
- css实现跨浏览器的盒阴影效果告别图片实现类似效果
- css 实现图片切换效果
- CSS实现图片阴影效果三部曲
- jQuery+CSS实现的图片滚动效果
- jQuery+CSS实现的图片滚动效果
- 纯CSS实现的漂亮的立体图片边框效果,阴影代码
- css中图片使用绝对定位实现居中效果
- 超经典jquery+CSS+DIV实现图片轮换效果
- CSS+jQuery实现的鼠标滑过图片周围图片变暗的效果
- 手把手教小白如何用css+js实现页面中图片放大展示效果
- 利用CSS实现按钮效果(无图片)