Bootstrap 圖片

2018-03-03 16:36 更新

我們可以使用不同的mask來設(shè)置圖片的樣式。

使用Bootstrap的內(nèi)置類，我們可以使用圓角或圓形圖像對圖像進行樣式設(shè)置，或給它們設(shè)定效果，例如縮略圖。

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

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


</body>
</html>


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號