使用bootstrap操作图片
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>图片</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body style="margin:50px">
<img src="img/1.jpg" alt="图片" class="img-rounded">
<!-- 实现图片椭圆-->
<img src="img/1.jpg" alt="图片" class="img-circle">
<!-- 实现图片加边框-->
<img src="img/1.jpg" alt="图片" class="img-thumbnail">
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>