文章摘要：bootstrap如何让图片缩小 css怎么把图片缩小
在bootstrap中设置图片大小的方法：1.新建html文件，引入bootstrap；2.在文件中插入图片； […]
在bootstrap中设置图片大小的方法：1.新建html文件，引入bootstrap；2.在文件中插入图片；3.使用width和height属性设置图片大小；
具体步骤如下：
1.首先，新建一个html文件，并在文件中引入bootstrap；
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<link rel="stylesheet" href="bootstrap.min.css">
<style></style>
</head>
<body>
</body>
</html>
2.bootstrap引入后，在文件中添加一个div标签，并插入图片；
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<link rel="stylesheet" href="bootstrap.min.css">
<style></style>
</head>
<body>
<div>
<img src="img/1.png">
</div>
</body>
</html>
3.最后，图片插入后，使用width和height属性设置图片大小即可；
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<link rel="stylesheet" href="bootstrap.min.css">
<style>
img{
width:200px;
height:200px;
}
</style>
</head>
<body>
<div>
<img src="img/1.png">
</div>
</body>
</html>
声明：
若非注明，本站文章源于互联网收集整理和网友分享发布，如有侵权，请联系站长处理。
文章名称：bootstrap如何让图片缩小 css怎么把图片缩小
文章链接：http://www.7966.org/post/11625.html
转载请注明出处
