国产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 主站蜘蛛池模板: 国产精品大全国产精品 | 91久久精品国产亚洲 | 亚洲欧美国产精品 | 欧美日韩一区二区三区在线 | 日本久久网 | 国产成人3p视频免费观看 | 日韩 国产 在线 | 久久综合中文字幕一区二区 | 极品色在线精品视频 | 精品一区二区三区四区电影 | 亚欧色 | 国产乱淫a∨片免费视频 | 中文字幕日韩精品有码视频 | 亚洲伊人电影 | 纯毛片| 亚洲国产精品久久久久666 | 国产亚洲精品国产 | 韩国一区二区三区 | 久久久久久久岛国免费播放 | 福利视频一区二区三区 | 免费国产一区 | 可以免费观看的毛片 | 亚洲欧美日韩综合在线 | 亚洲第一页色 | 国产欧美一区二区三区精品 | 日韩欧美视频二区 | 精品日韩欧美 | 综合视频在线 | 日韩精品成人 | 久久www免费人成_看片美女图 | 亚洲国产精品一区二区三区 | 国产99久久| 日韩极品视频 | 欧美第五页 | 国产成人乱码一区二区三区在线 | 欧美在线观看一区二区三 | 久久www免费人成_看片美女图 | 欧美激情91 | 欧美专区在线观看 | 精品一区二区三区高清免费不卡 | 国产精品资源网站在线观看 |