html教程
css教程
前端开发
cms教程
seo优化
网页设计
服务器
数据库
平面设计
电脑教程
编程教程
互联网
移动开发
php编程
java编程
建站技巧
Python编程

css鼠标滑过/指向图片变色变暗变亮

时间：2016-10-13

实例代码如下：

<style>
*{margin:0;padding:0;list-style:none;}
img{border:1px solid #ccc}
.info li { padding:5px;width:144px;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;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
</style>
</head>

<body>
<div class="info">
<ul>
<li><a href="#" class="img" ><img src="#" /></a></li>
<li><a href="#" class="img" ><img src="#" /></a></li>
<li><a href="#" class="img" ><img src="#" /></a></li>
</ul>
</div>

大家可以参考 css3 opacity 属性

上一条：css 标签/元素选择器实例 下一条:CSS border边框属性详细讲解

css子绝父相什么意思？子绝父相这个子绝父相太重要了，是我们学习定位的口诀，时时刻刻记住的。这句话的意思是子级是绝对定位的话，父级要用相对定位。首先，我们说下，绝对定
纯CSS打造响应式自适应分页条分页条是web开发中常用的前端组件之一，它能将数据分批次展示给用户。我们知道诸如Bootstrap这类框架都提供了非常漂亮的分页条组件，但是你的项目可能不用到Boot
在html中，怎么设置背景图片不重复不平铺，只显示一张图片背景图片不重复不平铺，可以这样设定背景： 1、body style=background-image: url(图片文件地址); background-attachment: fixed; 这样背景图片就会固定住，不会
CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行。一般的文字截断（适用于内联与块）： .text-overflow { display:block;/*内联对象需加*/ width:31
css margin外边距使用实例分析css margin用于设置对象标签之间距离间隔,例如如果要使两个div标签之间有一定的间距，我们可以使用css margin属性来设置。本文章向码农介绍css margin外边距使用
css float 浮动属性使用方法和实例讲解在网站开发中，css float是一个经常需要使用的css属性，改属性用于设置css块级元素的浮动方向（左右浮动）。本文章向码农介绍css float使用方法和实例应用，需要

css鼠标滑过/指向图片变色变暗变亮

相关文章

最新文章