Bootstrap 图片

2018-03-03 16:36 更新

我们可以使用不同的mask来设置图片的样式。

使用Bootstrap的内置类,我们可以使用圆角或圆形图像对图像进行样式设置,或给它们设定效果,例如缩略图。

<!DOCTYPE HTML>
<html> 
<head> 
<link href="//www.w3cschool.cn/statics/plugins/bootstrapold/css/bootstrap.min.css" rel="stylesheet">
</head>
<body style="margin:20px;">

<img src="//www.w3cschool.cn/statics/images/w3c/logo.png" class="img-rounded">
<img src="//www.w3cschool.cn/statics/images/w3c/logo.png" class="img-circle">
<img src="//www.w3cschool.cn/statics/images/w3c/logo.png" class="img-thumbnail">


</body>
</html>


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号