1.找到路径

修改全局样式的文件名为 global.less，我们可以在浏览器界面使用 F12 打开检查元素窗口，找到对应布局的标签。由于 React 构建的是单页面应用，直接找 <div id='root'>...</div>下的标签，如下图所示，找到包含我们所展示的界面的组件的父标签。

2.找到该标签后，在`global.less`文件中使用类选择器，加入背景图的 url，示例代码如下：

// global.less
.ant-layout {background-image: url('./pages/Analysis/image/xiaoxin.png');
}

3.对于图片的设定-background

background-color：规定要使用的背景颜色。

background-position：规定背景图像的位置。

background-size：规定背景图片的尺寸。

background-repeat ：规定如何重复背景图像。

background-origin ：规定背景图片的定位区域。

background-clip：规定背景的绘制区域。

background-attachment：规定背景图像是否固定或者随着页面的其余部分滚动。

background-image ：规定要使用的背景图像。

举例说明：

background-position:10px center 水平方向上偏移右边10px，垂直居中
background-position:center 50% 水平垂直都居中

使用umiJs搭建前端项目添加背景图片相关推荐

jsp中给div加背景_html中给元素添加背景图片或者gif动图
添加背景图片有四种常用的方式,分别是: repeat 完全平铺 repeat-x 横向平铺 repeat-y 纵向平铺 no-repeat 不平铺使用示例: Document ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
java添加背景图片_Java怎么添加背景图片
首先,导入相关的包: import java.awt.BorderLayout; import java.awt.Container; import javax.swing.ImageIcon; im ...
echarts地图的常见用法：基本使用、区域颜色分级、水波动画、区域轮播、给地图添加背景图片和图标、3d地图
前言最近几天用echarts做中国地图,就把以前写的demo:在vue中实现中国地图拿来用,结果到项目里直接报错了,后来发现是因为版本的问题,没办法只能从头进行踩坑了.以下内容基于vue3 和 e ...
MFC中在界面上添加背景图片的方法
在利用MFC做界面监控软件时,常常需要放一个漂亮的背景图片,本文基于VS2010版本,利用MFC自带的onPaint函数添加背景图片.步骤如下: 1.准备一张BMP格式的图片文件,将其保存在项目文件夹 ...
在VS2013环境下MFC学习：给对话框添加背景图片
步骤1 添加资源先右击工程名.rc(我的是PlaneDiag_Demo_MFC),再点击"添加资源" 步骤2 导入BMP图像进入"添加资源"界面后,点击资源 ...
css如何设置背景图片？background属性添加背景图片
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
Web前端，CSS背景图片大小、文字阴影、盒子阴影、过渡
前言持续学习总结输出中,今天分享的是Web前端,CSS背景图片大小.文字阴影.盒子阴影.过渡背景图片大小 background-size:宽度高度; 设置背景图片的大小取值场景数字+px ...
java 添加图片背景_java添加背景图片
总结:我们通常实现添加背景图片很容易,但是再添加按钮组件就会覆盖图片.原因是: 有先后啊.setlayout();与布局有很大关系请调试代码的时候,仔细揣摩.我晕了还可以添加文本框,密码框 fra ...

使用umiJs搭建前端项目添加背景图片

1.找到路径

2.找到该标签后，在`global.less`文件中使用类选择器，加入背景图的 url，示例代码如下：

3.对于图片的设定-background

使用umiJs搭建前端项目添加背景图片相关推荐

最新文章

热门文章

使用umiJs搭建前端项目添加背景图片

1.找到路径

2.找到该标签后，在global.less文件中使用类选择器，加入背景图的 url，示例代码如下：

3.对于图片的设定-background

使用umiJs搭建前端项目添加背景图片相关推荐

最新文章

热门文章

2.找到该标签后，在`global.less`文件中使用类选择器，加入背景图的 url，示例代码如下：