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

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

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

收录于:152天前

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轴,不平铺。
在这里插入图片描述

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

. . .

相关推荐

额外说明

组合逻辑的使用

// 避免锁存器, always @(cnt_7) case(cnt_7) 3'd0:begin o_data <= 3'd7; //当cnt_7等于3'd0执行词

额外说明

数据库_JDBC

JDBC 一、第一个JDBC程序 二、事务 一、第一个JDBC程序 JDBC:jdbc API是一个java API,可以访问任何类型表列数据,jdbc代表java数据库连接 1.连接到数据库 2.创建sql或mysql语句 3.在数据库中执行sql或m

额外说明

SpringBoot相关知识

1、基于Spring和Spring MVC实现可跨域访问的REST服务 2、Springboot 项目部署到外部tomcat 3、自动化测试REST API的工具 4、将JSP/Servlet项目转换为Spring Boot项目

额外说明

【史上最全面esp32教程】oled显示篇

文章目录 前言 介绍及库下载 基础使用 引脚的连接 使用函数 总结 前言 本节课主要讲的是OLED的基础使用。使用的oled为0.96寸,128*64。 大家的其他型号也是可以用的。 提示:以下是本篇文章正文内容,下面案例可供参考 介绍及库下载 oled

额外说明

高难度的c语言程序例子,高难度脑筋急转弯分享

脑筋急转弯是近年来兴起的一种十分受欢迎的智力与思维灵敏度的言语形式。下面学习啦小编为大家整理了高难度脑筋急转弯,希望对大家有帮助。 高难度脑筋急转弯【一】 1. 给一个瞎子52张扑克牌,并告诉他里面恰好有10张牌是正面朝上的。要求这个瞎子把牌分成两堆,使

额外说明

AQS 源码解读

一、AQS AQS 是 AbstractQueuedSynchronizer 的简称,又称为同步阻塞队列,是 Java 中的一个抽象类。在其内部维护了一个由双向链表实现的 FIFO 线程等待队列,同时又提供和维护了一个共享资源 state ,像我们平常使

额外说明

List特点和遍历方式及增长因子论证和去重原理和LinkedList特点

目录 一 List特点  1.是具有容器的增删改查 2.是有序的  3.可重复的元素  二: List 的遍历方式 (三种方式)  2.1  fori  2.2:foreach  3.3:  lterator(迭代器) 三:ArrayList增长因子论证

额外说明

【抓包工具】win 10 / win 11:Fiddler 下载、安装、配置

目录 一、fiddler 下载 二、fiddler 安装 三、fiddler 配置 一、fiddler 下载 官网下载地址(最新版本):https://www.telerik.com/download/fiddler 下载步骤: 1. 在谷歌浏览器打开下

额外说明

Windows系统缺少msiwer.dll无法启动问题解决方法

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

额外说明

拼接两个byte[],将byte[]中的内容以字符串形式输出

import java.util.Arrays; public class Demo { /** * * @param data1 byte[] * @param data2 byte[] * @ret

ads via 小工具