189 8069 5689
方法一：鼠标移至图片上显示遮罩层及文字 先看下html，一个img图片控件，和一个有mask样式的div，里面有文字，这个就是遮罩层。
汕城网站建设公司成都创新互联,汕城网站设计制作，有大型网站制作公司丰富经验。已为汕城上1000家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的汕城做网站的公司定做！
通常可以使用css样式的 ：hover 选择器， 如示例div1。 也可以使用js来控制css样式，用js可以灵活加入其它效果(延迟显示、随机背景图)， 如示例div2。
添加mouseover和mouseout事件，主要是当鼠标移动到图像容器上时显示蒙版层，当鼠标移出时隐藏蒙版层。刷新页面，您可以看到页面上显示的正常图片。当我们把鼠标放在蒙版层上时，蒙版层就会显示出来。
创建一个新的html文件。如图 在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg。如图：代码：在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。
首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。在index.html中的标签中，输入css代码：button {background-color： #00a7d0} button：hover {background-color： #ff7701}。
首先我们必须在页面上，放一个input类型的button按钮。对这个button按钮进行css的样式的添加。
系统默认鼠标指针样式外，可以通过CSS设置图片为鼠标指针，常见有些网站鼠标指针是各种各样小图片样式，当然这个是通过css cursor设置鼠标样式。
十字线样式：文本编辑时样式：等待样式：移动样式：帮助样式：默认箭头样式：小手样式：cursor 属性规定要显示的光标的类型（形状）。
●default：默认光标（通常是一个箭头）●auto：默认。浏览器设置的光标。●crosshair：光标呈现为十字线。●pointer：光标呈现为指示链接的指针（一只手）●move：此光标指示某对象可被移动。
在CSS中，分别给这3个链接的标签设置不同的CSS样式。
1、首先，创建一个html文件，写出html文件的基础代码。在网页中新建一个div，并新建一个无序列表并创建4个标签。使用浏览器直接打开html文件，查看效果，看到创建的标签自带有固定格式。接下来去除标签的格式。
2、直接使用样式百分比来控制。通过js监控页面宽度，然后通过js手动去控制页面布局，显示元素或者隐藏元素，设置某些元素宽高之类的。
3、要实现鼠标放在block上以中心为原点进行放大，可以利用CSS3的transform和transition来实现 CSS3的transform： scale()可以按比例放大或缩小block的功能。
4、在css3中，直接在图片上使用box-shadow 和 border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow， border-radius 和 transition创建不同图片样式效果。