HTML设置图片为页面背景

HTML设置图片为页面背景HTML设置图片为页面背景:问题:在HTML页面中不使用CSS盒模型的前提下如何将一张图片设置为页面背景?方法:在<body>中使用background以及style来设置例:在这里我把html格式的文件和jpg格式的图片文件都放到了桌面上<html><head> <metacontent=”text/html”charset=”UTF-8″> <title>HTML设置图片为页面背景</

大家好,又见面了,我是你们的朋友全栈君。

HTML设置图片为页面背景:


问题:

在HTML页面中不使用CSS盒模型的前提下如何将一张图片设置为页面背景?


方法:

在< body >中使用background以及style来设置

例:

在这里我把html格式的文件和jpg格式的图片文件都放到了桌面上
在这里插入图片描述

<html>
         <head>
	<meta content="text/html" charset="UTF-8">
	<title>HTML设置图片为页面背景</title>
         </head>
         <body background="夕阳余晖.jpg" style="background-repeat:no-repeat  background-attachment:fixed;  background-size:100% 100%; ">
         </body>
</html>

运行结果演示:
在这里插入图片描述


代码解释:

background=".../...jpg'"

双引号中的值为存放图片的路径

background-repeat:no-repeat;

设置图片不重复显示

background-attachment:fixed;

设置图片的位置固定

background-size:100% 100%; 

设置图片达到窗口100%的比例

以上便是HTML中不使用CSS盒模型的情况下,怎么设置一张图片为页面的背景

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/132486.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 数据仓库分层DWD、DWB、DWS[通俗易懂]

    数据仓库分层DWD、DWB、DWS[通俗易懂]DW:datawarehouse翻译成数据仓库DW数据分层,由下到上为DWD,DWB,DWSDWD:datawarehousedetail细节数据层,有的也称为ODS层,是业务层与数据仓库的隔离层DWB:datawarehousebase基础数据层,存储的是客观数据,一般用作中间层,可以认为是大量指标的数据层。DWS:datawarehouseservice服务数据层,基于DWB上的基础数据,整合汇总成分析某一个主题域的服务数据,一般是宽表。零、数据加载层:ETL(Ex

    2022年6月26日
    555
  • Mozilla Firefox 67.0 Beta 8 (Quantum) 发布

    Mozilla Firefox 67.0 Beta 8 (Quantum) 发布

    2021年7月4日
    104
  • MQ学习笔记

    MQ学习笔记一、为什么要使用MQ?其实这里要讲的就是使用MQ的好处,MQ的的使用场景有很多,但是比较核心的有3个:解耦、异步、削峰1. 解耦例如:A系统要发送数据到B、C、D三个系统,通过接口调用发送。假如现在又添加了一个E系统,也要数据,A系统需要修改;B系统说我现在不需要这个数据了,A系统还是要修改。这种情况下,A系统的维护者肯定很崩溃。其实这个调用是不需要直接同步调用接口的,如…

    2022年6月13日
    67
  • 孤单,能力守得住繁华

    孤单,能力守得住繁华

    2022年1月2日
    43
  • MySql行转列、group_concat使用

    MySql行转列、group_concat使用1、数据库表:CREATETABLE`t_att`(`id`varchar(50)NOTNULL,`u_id`varchar(50)NOTNULLCOMMENT’员id’,`att_date`dateDEFAULTNULLCOMMENT’考勤日期’,`att_type`tinyint(4)DEFAULTNULLCOMMENT’考勤类型

    2022年5月3日
    68
  • 华为三层交换机配置不同网段互通[通俗易懂]

    华为三层交换机配置不同网段互通[通俗易懂]CSDN上看到这样一个问题,回答后所以顺便整理一下,一般情况下,三层交换机不直接连终端端,太浪费了,可以连一个交换机然后再连终端

    2022年9月11日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号