您的位置首页百科知识

如何用css使鼠标经过时图片变大

如何用css使鼠标经过时图片变大

的有关信息介绍如下:

如何用css使鼠标经过时图片变大

如何使鼠标经过图片时图片变大呢,可以通过css进行简单的设置就可以了。

首先把内容写好了,代码为

写入css样式,为

#bianda {

float: right;

}

#bianda img {

width: 210px;

height: 210px;

padding: 20px;

}

#bianda img:hover {

width: 250px;

height: 250px;

padding: 0;

}

我们看下最后的结果

如果变为有外框的效果呢

最后的结果为:

我们还可以做几张图片的,代码和结果分别为: