日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當(dāng)前位置： 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html设置背景图片覆盖不重复

發(fā)布時間：2023/12/14 编程问答 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html设置背景图片覆盖不重复 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

HTML設(shè)置背景圖

  • 在css或body的style屬性設(shè)置背景圖片。
    • body{background-image:url(../img/pic_one.jpg) ;/*插入的背景圖片的urlbackground-attachment: fixed;/*背景圖片不會固定不會因頁面滾動而重復(fù)*/background-repeat: no-repeat;/*使圖片不管任何大小都不會重復(fù)*/background-size: 100%;/*改變背景圖的長和寬*/ } <body style="background-image:url(圖片地址); background-attachment:fixed ;background-repeat:no-repeat;" ></body>
  • div或table設(shè)置背景圖片。
    • // 可以直接在div的style屬性設(shè)置也可命名id后再css中設(shè)置均可 <div style="background-image:url(圖片地址) ··· "> //與body一樣... </div>//同理表格也是一樣的 <table style="background-image:url(圖片地址) ··· ">... </table>
  • 背景圖片顯示效果

    • bcakground-image : url( ··· ) //插入圖片地址

    background-repeat: x,y,no-repeat //分別是延x軸，y軸，不平鋪。

    修改完成后的結(jié)果圖

    總結(jié)

    以上是生活随笔為你收集整理的html设置背景图片覆盖不重复的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。