麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 前端技巧|img標簽與background插入圖片的區別

前端技巧|img標簽與background插入圖片的區別

來源:千鋒教育
發布人:小千
時間: 2021-02-24 08:58:00 1614128280

      在前端開發的時候經常會需要插入圖片作為背景的情況,常用的方式一般是插入<img>標簽,或者使用background屬性,那么你知道這兩種屬性有什么區別嗎?

      img方式

1

      background屬性方式

2

      單從代碼上看好像通過背景的方式插入圖片比較復雜一點,復雜在哪呢?我們看一下背景圖的插入,需要寫一個容器,并且要給這個容器設定一個寬高才能顯示內容,如果容器的高度為0,那么這張圖片就插入不進去了。img圖片不一樣,它屬于html標簽,相當于內容跟文字一樣只要放在頁面中就可以展示出來。 除此之外,如果你想要實現文字內容在圖片上的效果,可以使用背景圖片,img圖片上本身是不能放下文字的。

3

4

      好了,看完了這些是不是明白一點img圖片與background圖片的區別了呢?我們一起再來總結一下吧

      1、img圖片直接插入使用,background圖片需要寫一個容器并設置寬高才能插入使用

      2、img圖片跟文字一樣屬于內容,本身是不會讓文字顯示在圖上,background圖片屬于背景,文字是可以圖上的。

      學習web前端,可以參考千鋒web前端培訓班提供的web前端學習路線,該學習路線對從零基礎小白到web前端初級開發工程師,web前端高級開發工程師,后面的web前端大神級開發工程師都有一個明確清晰的指導,根據千鋒web前端培訓機構提供的web前端學習路線圖可以讓你對學習web前端開發需要掌握的知識有個清晰的了解,并快速入門web前端開發。想要獲取前端完整學習路線和免費的學習資料可以添加我們的web前端技術分享交流qq群:857920838  加群找群管理領取即可,等你來哦~~

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 日韩黄电影| 久久无码精品一区二区三区| 三级网站免费| 国产三级在线观看完整版| 最近中文字幕高清中文字幕电影二| 极品丝袜乱系列大全集目录| 全免费a级毛片免费看| 九九热爱视频精品| 北条麻妃在线一区二区| 天天操夜夜操| 永久免费无内鬼放心开车| 国产三级在线观看完整版| 老司机67194精品线观看| 欧美乱妇高清无乱码在线观看| 久久久无码精品亚洲日韩按摩| 人人爽天天碰天天躁夜夜躁 | 污网站在线观看免费| 爱爱帝国亚洲一区二区三区| 亚州不卡| 成年女人毛片| 欧美精品久久天天躁| acg里番全彩| 韩国三级女电影完整版| 第一福利官方航导航| 干妞网在线观看| 欧美日韩国产精品| 大陆黄色a级片| 韩国护士hd高清xxxx| 国产一级αv片免费观看| 久久精品人人做人人爽| 日本一本高清| 中国陆超帅精瘦ktv直男少爷| 午夜免费理论片a级| 国产精品国产三级国快看| 老婆bd电影| 欧美乱大交xxxxx免费| 麻豆国产精品va在线观看不卡| 最新国语自产精品视频在| 99re在线视频免费观看| 免费a级毛片在线播放| 色cccwww|