估计也只有使用CSS来解决了。

  在网上搜索了会,学了学,就搞定了,现将代码与大众分享:

  以下的各种设置方法,均为通过修改网页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="picture/xiaoshou.jpg"; background-repeat: no-repeat>   这样不会起作用

<body style="background-image : url(picture/xiaoshou.jpg); background-repeat: no-repeat"> 这样才起作用

css 图片平铺和不平铺相关推荐

  1. html css图片平铺整个页面,css 样式 图片平铺整个界面

    比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在css2.1之前是不能被修改的. 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y, ...

  2. 零基础CSS入门教程(10)——背景图片平铺不平铺

    本章目录 1.任务目标 2.平铺 代码演示 4.小结 1.任务目标 我们上一小节学习了如何插图背景图片,我们这一小节学习一下背景图片的平铺和不坪埔. 2.平铺 我们可以通过background-rep ...

  3. css如何让图片不平铺,css怎么设置图片平铺方式?

    background-repeat属性是用来设置背景图像如何平铺的.默认地,背景图像在水平和垂直方向上重复. 属性值:repeat:即默认方式,完全平铺背景: no-repeat:在X及Y轴方向均不平 ...

  4. php 不要平铺的代码,css怎么设置图片不平铺

    css设置图片不平铺的方法:首先创建一个HTML示例文件:然后在style标签中添加"background:url(img/3.jpg)no-repeat;}"来设置图片不平铺即可 ...

  5. 背景图片平铺(HTML、CSS)

    背景图片平铺(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta charset= ...

  6. php图片背景平铺,css如何让背景图片平铺?css背景图片平铺四种方式介绍

    在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面,那么,如何让背景图片平铺呢?接下来本 ...

  7. html如何取消背景平铺,css怎么设置图片背景不平铺?

    css可以设置图片背景background-repeat:no-repeat样式实现图片背景不平铺,background-repeat属性定义了图像的平铺模式. css可以使用background-r ...

  8. html中背景不平铺怎么写,css怎么让背景图片不平铺?

    在使用background属性设置背景图片时,背景图片默认是重复平铺的.css怎么让背景图片不平铺?下面本篇文章就来给大家介绍一下使用CSS设置背景图片不平铺的方法,希望对大家有所帮助. 在CSS中, ...

  9. html中怎么设置图片平铺,css怎么把图片平铺?

    在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面. 下面我们来看一下使用css设置图片 ...

最新文章

  1. ASP.NET2.0轻松搞定统计图表
  2. 0基础学python-零基础直接学习Python入门IT合适吗?
  3. NYOJ 711 最舒适的路线(并查集)
  4. TortoiseGit 基础5部曲
  5. linux执行命令lnab后,Linux基本命令
  6. S5PV210体系结构与接口08:定时器 计数器编程
  7. LINUX下载编译Which
  8. Qt 局域网聊天工具
  9. PivotGridControl与ChartControl控件结合使用(一)
  10. android辅助点击软件吗,自动点击器安卓7.0版本粒可辛点击上线了
  11. java输入小写字母_java中怎么实现从对话框输入一个大写字母将其转化为小写字母输出?...
  12. Greenplum小把戏 - 仿造Oracle rownum
  13. 滁州市区地图小区楼盘图矢量高清cdr|pdf2021年(高品质)
  14. 外汇汇率接口 java_基于java的货币汇率接口调用代码实例
  15. 内存学习(三)内存泄露
  16. 解决:NET::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)
  17. 在疫情期间微分销商城如何运营
  18. 办公自动化部署策略—— 基于IBM WCS/ WMC实现
  19. windows 系统验证是否为正版
  20. Citrix 桌面云 XenApp_XenDesktop_7.15 部署系列(四)安装Delivery Controller和许可证服务器

热门文章

  1. webpack从零开始第1课:安装webpack和webpack-dev-server
  2. VR泡沫已破,巨头们重注AR能火起来?
  3. mina学习笔记七:串口编程
  4. 今年五一假期,预计有超过240000000人次出游
  5. c小项目,小码资金管理工具
  6. 牛客网比赛-Wannafly挑战赛27
  7. Unparsed aapt error(s)! Check the console for output解决方法
  8. 依托大数据 贵阳打造智慧物流体系
  9. prezi桌面版6.4.1中文输入法解决方案
  10. laravel-debugbar 不显示解决办法