Foundation

縮圖

使用我們的縮圖樣式美化圖片標籤。

.thumbnail 課程可以直接套用至 <img> 元素,或將其包覆在 <a> 中。請確定 <img> 有 alt 屬性,用以描述圖片內容。

縮圖樣式會為圖片新增內距和方框陰影。若要使用,只需將 .thumbnail 課程新增至圖片元素即可。

HTML
<img src="https://placehold.it/200x200" class="thumbnail">
<html>

<head></head>

<body><img src="https://placehold.it/200x200" class="thumbnail"></body>

</html>

示範