beijintupian

HTML里面编写背景图片方法基本分三种:

通过标签直接设置<p style="background-image:url(images/a.jpg)">aaaaa</p>

通过CSS设置:select{background-image: url(images/a.jpg)}

通过js修改$(select).css("background-image","url(images/a.jpg)");

扩展资料:

定义和用法:background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

详细说明:background-image 属性会在元素的背景中设置一个图像。

根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。

如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。

repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。

参考实例:

参考资料:W3school

在网页代码中找到<BODY>,将其换成以下形式:
<BODY background="image.gif">
这是最常用的形式,即完全平铺。

还有几种其它形式你可以试试效果:
一、仅水平方向平铺:
<BODY style="background-image : url(image.gif);background-repeat : repeat-x;">
二、仅垂直方向平铺:
<BODY style="background-image : url(image.gif);background-repeat : repeat-y;">
三、不平铺:
<BODY style="background-image : url(image.gif);background-repeat : no-repeat;">不明白你是问怎么编写图片还是把图片定义成网页背景
图片定义成网页背景为<body background="image-URL">
编写图片不知道 你要是想找连接可以在百度中搜索HTML啊

repeat: 平铺整个页面,左右与上下
repeat-x: 在x轴上平铺,左右
repeat-y: 在y轴上平铺,上下
no-repeat: 图片不重复
喜欢阅读
  •  炼狱战王

    炼狱战王

    七年前,他被小姨子勾搭上床,成为了强奸犯,被送往监狱。七年后,他名满天下载誉而归。等待着他的,是残了腿的女儿,和受尽屈辱和折磨的老婆.......他一代战神,怒泄千里,一夜间调集十万精兵强将!

  • 才子风云录

    才子风云录

    入赘本朝大将军之府,软饭从天而降,但这饭却难以下咽。所以我不可能会混吃等死,甚至还要扶摇直上。

  • 可怜今生爱过你

    可怜今生爱过你

    她是豪门世家之女,爱上了英俊的他。可是当她怀孕的时候,他却是跟别人鬼混!她被人陷害,却无人帮助!她告诫自己,靠人不如靠己!

  • 暧昧荆棘

    暧昧荆棘

    长得丑不要紧,只要能领证结婚就行,苏小念从大马路上捡了一个便宜老公回家。没想到这个老公严重的表里不一,不仅长得不丑,居然还是个大帅哥!更过分的是,一言不合就发飙,害的她一天到晚扶着腰——叶泽晨是个有名无实的豪门少爷,但是遇到苏小念之后,忽然像是充了电的小马达,不仅关了灯神勇无比,就连窝囊废的帽子都甩得远远的——

  • 闪婚爱妻

    闪婚爱妻

    不甘被弃,她嫁给了渣男的残疾大哥!谁知残疾不残,还是腹黑首长!说好的不能人道呢!

  • 刻骨情深:总裁要复婚

    刻骨情深:总裁要复婚

    为你付出一切,你却当儿戏,当我转身时,你却求着要复婚,男人啊…

  • 转世帝尊

    转世帝尊

    纵世奇才楚风以一人之力战四大宗门,以一敌万,大杀四方,但终究寡不敌众。一朝醒来,发现得上清圣尊传承。这一世,强势归来!灭了三大宗门,更进一步,报仇雪恨,追求自在逍遥!斩了天道,化作主宰,成就永恒!万水千山,以我为尊!八荒六合,唯我称雄!!!

  • 八荒战王

    八荒战王

    六年戎马生涯,纵横北境,抵御外敌!攻无不克战无不胜!他携一身荣耀回归,只为让他妻女,万众瞩目!

  • 猜你喜欢
  • 高级的ppt背景图
  • 竖长图背景
  • 2021微信背景墙
  • 背景图片 唯美古风
  • 背景图片红色系
  • 背景图2021新款
  • 微信背景墙2021最火爆
  • 超好看的背景图
  • 动态背景图片
  • 热门推荐
  • 剁手清单
  • Winddows findstr
  • 24转220逆变器
  • 充电器维修
  • 不知火舞漫画7
  • 疯狂酒吧剧情介绍
  • 萤火之森手机壁纸
  • 移民政策
  • 南京教师招聘
  • 怎么下hxam003
  • byebye disco什么意思
  • cmd重置无线网络
  • 东方银座房租
  • 日本和服美女更衣淋浴
  • ps中如何换脸
  • 魂斗罗散弹加强版
  • 210甘井子
  • lounch box
  • the telephone歌曲
  • Tirn
  • All Right Reserved 完美网