国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

詳解Bootstrap四種圖片樣式_javascript技巧

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 21:48:13
文檔

詳解Bootstrap四種圖片樣式_javascript技巧

詳解Bootstrap四種圖片樣式_javascript技巧:在本章中,我們將學(xué)習(xí) Bootstrap 對圖片的支持。Bootstrap 提供了四個可對圖片應(yīng)用簡單樣式的class,分別是: img-rounded 添加 border-radius:6px 來獲得圖片圓角 img-circle 添加 border-radius:50% 來讓整個圖片變成圓形 img-th
推薦度:
導(dǎo)讀詳解Bootstrap四種圖片樣式_javascript技巧:在本章中,我們將學(xué)習(xí) Bootstrap 對圖片的支持。Bootstrap 提供了四個可對圖片應(yīng)用簡單樣式的class,分別是: img-rounded 添加 border-radius:6px 來獲得圖片圓角 img-circle 添加 border-radius:50% 來讓整個圖片變成圓形 img-th
在本章中,我們將學(xué)習(xí) Bootstrap 對圖片的支持。Bootstrap 提供了四個可對圖片應(yīng)用簡單樣式的class,分別是:

img-rounded 添加 border-radius:6px 來獲得圖片圓角
img-circle 添加 border-radius:50% 來讓整個圖片變成圓形
img-thumbnail 添加一些內(nèi)邊距(padding)和一個灰色的邊框
img-responsive 圖片響應(yīng)式

1、img-rounded

.img-rounded{border-radius:6px;}

效果:

2、img-circle

.img-circle{border-radius:50%;}

效果(因為本圖片的寬高大小不同,所以呈現(xiàn)出橢圓,如果將width和height設(shè)置相同,那么會呈現(xiàn)出一個圓):

3、img-thumbnail

.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;
background-color:#FFF;border:1px solid #DDD;border-radius:4px;transition:all 0.2s ease-in-out;}

效果:

4、img-responsize

.img-responsive{display:block;max-width:100%;height:auto;}

效果(img中的width屬性值被忽略):


以上內(nèi)容分步驟給大家介紹了Bootstrap四種圖片樣式的相關(guān)知識,希望大家喜歡。

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

詳解Bootstrap四種圖片樣式_javascript技巧

詳解Bootstrap四種圖片樣式_javascript技巧:在本章中,我們將學(xué)習(xí) Bootstrap 對圖片的支持。Bootstrap 提供了四個可對圖片應(yīng)用簡單樣式的class,分別是: img-rounded 添加 border-radius:6px 來獲得圖片圓角 img-circle 添加 border-radius:50% 來讓整個圖片變成圓形 img-th
推薦度:
標(biāo)簽: 圖片 樣式 圖圖片
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top 主站蜘蛛池模板: 国产成人精品第一区二区 | 久久国产成人精品国产成人亚洲 | 九九爱精品视频 | 日韩精品第一 | 欧美理论电影在线观看 | 亚洲天堂欧美 | 免费一区 | 99国产精品高清一区二区二区 | 91精品国产9l久久久久 | 欧美亚洲自拍偷拍 | 欧美一区二区三区在线观看 | 国内精品久久久久久久aa护士 | 亚洲一区二区三区久久久久 | 午夜视频在线免费观看 | 中文国产成人精品少久久 | 亚洲第一导航 | 国产传媒一区二区三区四区五区 | 亚洲午夜电影 | 国产 日韩欧美 | 欧美国产日韩综合 | 91热成人精品国产免费 | 日韩欧美亚洲 | 国产一区二区三区欧美 | 欧美日韩影院 | 一区二区精品在线 | 国产欧美久久一区二区 | 久久国产成人精品国产成人亚洲 | 日韩视频在线免费观看 | 精品国产一区二区三区2021 | 国产一区亚洲欧美成人 | 国产精品视频免费 | 久久91精品国产99久久yfo | 亚洲欧美国产精品 | 亚洲欧美激情另类 | xx中文字幕乱偷avxx | 免费观看日韩大尺码观看 | 日本高清一区二区三区不卡免费 | 黄色成人在线视频 | 亚洲一区在线播放 | 精品国产福利 | 国产特级黄色片 |