如何用css使鼠标经过时图片变大
的有关信息介绍如下:如何使鼠标经过图片时图片变大呢,可以通过css进行简单的设置就可以了。
首先把内容写好了,代码为
写入css样式,为
#bianda {
float: right;
}
#bianda img {
width: 210px;
height: 210px;
padding: 20px;
}
#bianda img:hover {
width: 250px;
height: 250px;
padding: 0;
}
我们看下最后的结果
如果变为有外框的效果呢
#bianda {
float: right;
}
#bianda img {
width: 210px;
height: 210px;
padding: 20px;
}
#bianda img:hover {
width: 250px;
height: 250px;
padding: 0;
border:3px solid #F00;
}
最后的结果为:
我们还可以做几张图片的,代码和结果分别为: