看程序学bootstrap4-基本样式之图片

最新推荐文章于 2023-08-10 09:50:06 发布

涂家豪

最新推荐文章于 2023-08-10 09:50:06 发布

阅读量192

点赞数 1

分类专栏： bootstrap

本文链接：https://blog.csdn.net/tujiahao1/article/details/93507868

版权

bootstrap 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

示例 1 : 圆角

<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
  
<img src="http://how2j.cn/example.gif" class="img-rounded">

示例 2 : 圆形

<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
  
<img src="http://how2j.cn/example.gif" class="img-circle">

示例 3 : 缩略图

<!DOCTYPE html>
<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
  
<img src="http://how2j.cn/example.gif" class="img-thumbnail">

涂家豪

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
看程序学bootstrap4-基本样式之图片

示例 1 : 圆角<!DOCTYPE html><script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel=...
复制链接

扫一扫

专栏目录