css不改变图片大小,把边框放大

html-css026

css不改变图片大小,把边框放大,第1张

1.新建一个html文件,命名为test.html,用于讲解div+css怎么调输入框的大小位置。

2.在test.html文件内,使用div创建一个模块,并设置div的id为mydiv。

3.在test.html文件内,在div标签内,使用input标签创建一个输入框。

4.在css标签中,通过类名mydiv设置div的样式 ,定义其宽度为300px,高度为200px,背景颜色为灰色。

5.在css标签中,使用margin-top来定义input的位置,距离div的上边缘为50px,使用width和height属性设置input输入框的大小为,长150px,高度为30px

6.在浏览器打开test.html文件,查看实现的效果。

1.强行控制图片的大小并点击打开新页面

<img src="图片" width="100" height="100" onclick="window.open('另一个页面的地址')"

2.然后在那个页面载入原来的大图

当然如果你技术可以的话,最好不要打开新页面,弹出一个原本隐藏的div就可以了