麻豆黑色丝袜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
主站蜘蛛池模板: 夜夜摸视频网| 高清破外女出血视频| 在线观看国产一区二区三区| 乱亲乱族| 欧美性生活视频免费| 国语第一次处破女| 色吊丝中文字幕| 国产在线视频一区二区三区| 三级台湾电影在线| 狼群影院www| 晚上看b站直播软件| 80s国产成年女人毛片| 国产欧美日韩精品专区| www.天天操.com| 精品卡2卡3卡4卡免费| 女人张开腿等男人桶免费视频| 中文字幕永久在线视频| 一区二区3区免费视频| 被cao的合不拢腿的皇后| 欧美性aaa| 房客(糙汉)何璐程曜坤| 久久精品久久久久观看99水蜜桃| 啊轻点灬大ji巴太粗小说太男 | aaa一级黄色片| 亚洲国产另类久久久精品小说| 污网站在线免费看| 偷窥无罪之诱人犯罪电影| 五月婷婷深深爱| 九九九精品视频免费| 里番肉片h排行榜| 国产性生大片免费观看性| 色播在线电影| 草草影院国产| 天天综合网天天综合色| 日本电影二区| 青青草国产精品视频| 中文字幕黑人借宿神宫寺| 欧美国产激情二区三区| swag在线| 日本黄色免费观看| 国产三级精品三级在线专区1|