這篇文章將為大家詳細講解有關(guān)如何實現(xiàn)bootstrap圓角邊框,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

.img-thumbnail:添加一些內(nèi)邊距(padding)和一個灰色的邊框。
如果其他元素需要圓角邊框可以通過設(shè)置.border-radius和.border來實現(xiàn)。
實例:
<!DOCTYPE html> <html> <head> <title>Bootstrap 實例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h3>縮略圖</h3> <p>.img-thumbnail 類用于設(shè)置圖片縮略圖(圖片有邊框):</p> <img src="/file/tupian/20230213/cinqueterre.jpg" class="img-thumbnail" alt="Cinque Terre"> </div> </body> </html>
關(guān)于如何實現(xiàn)bootstrap圓角邊框就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
新聞名稱:如何實現(xiàn)bootstrap圓角邊框-創(chuàng)新互聯(lián)
URL分享:http://www.chinadenli.net/article44/dcdjee.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、標簽優(yōu)化、App開發(fā)、微信公眾號、網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容