小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

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

前端开发,html,css,html5 额外说明

收录于:15天前

HTML设置背景图

  1. 在css或body的style属性中设置背景图片。
body{
	background-image:url(../img/pic_one.jpg) ;/*插入的背景图片的url
	background-attachment: fixed;/*背景图片不会固定不会因页面滚动而重复*/
	background-repeat: no-repeat;/*使图片不管任何大小都不会重复*/
	background-size: 100%;/*改变背景图的长和宽*/
}
<body style="background-image:url(图片地址); background-attachment:fixed ;background-repeat:no-repeat;" >

</body>
  1. 设置 div 或 table 的背景图像。
// 可以直接在div的style属性设置也可命名id后再css中设置均可
<div style="background-image:url(图片地址) ··· "> //与body一样
	...
</div>

//同理表格也是一样的
<table style="background-image:url(图片地址) ··· ">
	...
</table>

  1. 背景图片显示效果

bcakground-image : url( ··· ) //插入图片地址
在这里插入图片描述

background-repeat: x,y,no-repeat //分别是延x轴,y轴,不平铺。
在这里插入图片描述

修改完成后的结果图
在这里插入图片描述

. . .

相关推荐

额外说明

tomcat启动时出错:java.lang.Object.wai(Native method)

文章开始,啰嗦一波,等的不耐烦。可以直接往下翻 因为做微信的公众号,自定义菜单栏的时候,网上很多的案例,复制粘贴一波。 最后缺jar包。引入了一个叫gson的东西, 试了刚种方法。一直还是这个东西。因为堆栈信息什么都没有,Maven版本时3.3.9就是i

额外说明

尚硅谷书城项目第二阶段——用户注册和登陆(2)

1、编写UserDao并测试 1.1、编写UserDao接口 public interface UserDao { /** * 根据用户名查询用户信息 * @param username 用户名 * @return 如果返回null,说明没有这

额外说明

产品流程图

流程图设计 1.什么是流程图 2.流程图元素定义 3.几种常见的产品流程图 3.1业务流程图 | 泳道图(给产品经理看) 3.2任务流程图(给程序员看) 3.3页面流程图(给UI设计人员看) 4.如何绘制流程图 4.1调查研究 4.2梳理提炼 4.3 确

额外说明

Mycat——分片表计算规则,全局表和ER表,springboot中使用方法

分片计算规则 当你的逻辑表来自于多个数据库中,就是分片表,分片表也是需要保证数据一致性的。 在schema标签中有一个rule属性,它是用来配置分片规则的 auto-sharding-long :整数范围约束,默认规则,对表格中一个叫id的整数字段进行计

额外说明

Linux:查看服务器信息,CPU、内存、系统版本、内核版本等

还是最近工作的总结,在做一些性能验证,这就需要要根据服务器的配置综合考虑来做进一步的结论论证,废话不多说 目录 查看Linux内核版本 查看Linux系统版本 CPU 查看CPU信息(型号) 物理CPU个数 每个物理CPU中core的个数(即核数) 查看

额外说明

SpringCloud Gateway 网关使用

SpringCloud Gateway 微服务网关 一、微服务网关 微服务网关是整个微服务API请求的入口,可以实现日志拦截、权限控制、解决跨域问题、限流、熔断、负载均衡、黑名单与白名单拦截、授权等。 官方地址: https://docs.spring.

额外说明

Laravel 复杂的查询

Laravel提供了强大的查询构建器(Query Builder)和Eloquent ORM来处理复杂的数据库查询。下面是一些示例展示如何在Laravel中执行复杂查询: 1. 基本查询: ```php $users = DB::table('users

额外说明

多线程原理和常用方法以及Thread和Runnable的区别

文章目录 -多线程原理 -随机性打印 -多线程内存图解 -Thread类的常用方法 -获取线程名称 getName() -设置线程名称 setName() 或者 new Thread("线程名字") -使当前正在执行的线程以指定的毫秒数暂停 sleep(

额外说明

【MySQL】删除记录

删除记录的方式汇总: 根据条件删除:DELETE FROM tb_name [WHERE options] [ [ ORDER BY fields ] LIMIT n ] 全部删除(表清空,包含自增计数器重置):TRUNCATE tb_name 时间差:

额外说明

Windows系统文件夹urlmon.dll文件丢失的处理办法

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个urlmon.dll文件(挑

ads via 小工具