CSS是Web设计中非常重要的一部分,通过CSS我们可以为网站添加各种效果,比如图片的悬浮效果,下面是使用CSS为图片添加左悬浮效果的代码:
img:hover { position: relative; left: -10px; }
上面的代码中,我们使用了:hover选择器,表示当鼠标悬浮在图片上时,将应用下面的样式。
接下来,我们为图片添加了如下的样式:
position: relative; left: -10px;
这两句代码的作用是让图片相对于原来的位置向左移动10个像素,其中position: relative;表示使用相对定位,left: -10px;表示向左移动10个像素。
通过这样的代码,我们就可以为图片添加左悬浮效果了。