首页 > 其他分享 >css-图片和文字小模块

css-图片和文字小模块

时间:2023-10-14 17:12:39浏览次数:35  
标签:title 50% height width 模块 font css 图片

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<script src="less.min.js"></script>
		<style>
			.title-box {
				width: 400rpx;
				height: 40rpx;
				margin: 0 auto;
				position: relative;
			}

			.title-bg {
				width: 100%;
				height: 100%;
			}

			.title-text {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				font-size: 22px;
				font-weight: bold;
				color: #666;
			}
		</style>
	</head>
	<body>
		<div class="title-box">
			<img class="title-bg" src="./title1.png" alt="">
			<div class="title-text">积分兑换</div>
		</div>
	</body>
</html>

image

标签:title,50%,height,width,模块,font,css,图片
From: https://www.cnblogs.com/unity-yancy/p/17764381.html

相关文章

  • STM32 RTC模块的使用
    1STM32实时时钟RTC原理:   A外部晶振采用32.768KHz的原因,因为2的15次方2^15=32768,所以32.768KHz分频15次后刚好是1Hz,1S就是1Hz。   BRTC模块有一个实时计数器RealTimeCounter,它对震荡源脉冲计数,每个脉冲计数器加1,所以不能从该计数器直接获取时间时、分、秒。......
  • QT 给图片添加一层颜色遮罩
    最近公司需求,在一张带有透明度的图片上增加一层颜色遮罩,记录一下。1#include<QImage>2#include<QPainter>34intmain(){5//行数56//加载原始图像7QImageoriginalImage("path/to/your/image.png");89//行数910//创建......
  • 无涯教程-Matplotlib - PyLab模块
    PyLab是Matplotlib面向对象绘图库的接口,Matplotlib是整个软件包,matplotlib.pyplot是Matplotlib包中的模块,PyLab是一个与Matplotlib一起安装的模块。基本绘图使用plot命令绘制曲线。它需要一对相同长度的数组(或序列)-fromnumpyimport*frompylabimport*x=linspace(......
  • CSS-02
    Emmet语法提高编写速度HTML生成标签:标签名+tab建多个相同标签:div*3(生成3组)父子关系:ul>lidiv>span兄弟关系:div+p有class或id的标签名:p.nav或p#nav有顺序的类名:.demo$5生成的标签内有内容:div{内容}CSStext-align:center=tactext-indent:=tiwidth:200=w200text-decorat......
  • 【前端开发】前端使用Tailwind CSS写样式效率翻倍
    vite+Vue项目配置教程配置地址:https://tailwind.nodejs.cn/docs/guides/vite中文文档:https://tailwind.nodejs.cn/docs/installation说明:使用TailwindCSS可省略写繁琐的css代码,通过用class快速布局,如下图页面全是class,很少会写css代码。 例子:创建variable.css文件,代码如下......
  • python3的模块FastAPI,APIRouter
    FastAPI将依赖项的值从include_router传递给路由FastAPI依赖项和include_router在FastAPI中,依赖项是一种重要的机制,用于处理从请求到响应的整个过程中所需的各种依赖关系,例如数据库连接、身份验证等。依赖项可以被注入到请求处理函数中,并在执行时提供所需的值。在FastAPI中,我......
  • WPF中Image控件绑定数据源,解决图片被占用问题
    WPF中Image控件的数据源如果设置为路径,或者后台通过Image.FromFile来绑定,该图片将被占用,如要进行图片压缩、删除等操作则会报图片被占用的错;所以可以从内存中加载图片进行绑定。以下为MVVMLight模式,首先增加一个图片路径值转换的类publicclassImageConvert:IValueConverte......
  • 通过 modules 创建 vuex 的模块
    模块拆分:1.在store文件夹下再新建文件夹modules,在modules下新建xxx.js文件:eg:新建user.js文件conststate={ userInfo:{  name:'zs',  age:18 }, score:80}constmutations={}constactions={}constgetters={}exportdefault......
  • BOSHIDA DC电源模块低温是否影响转换效率
    BOSHIDADC电源模块低温是否影响转换效率DC电源模块是一种常用的电源转换装置,其主要作用是将输入的电源信号变换成需要的输出电源信号。在实际应用中,DC电源模块的性能会受到多种因素的影响,其中低温也是一个重要的影响因素。本文将从转换效率的角度,探讨低温对DC电源模块的影响。......
  • 铅华洗尽,粉黛不施,人工智能AI基于ProPainter技术去除图片以及视频水印(Python3.10)
    视频以及图片修复技术是一项具有挑战性的AI视觉任务,它涉及在视频或者图片序列中填补缺失或损坏的区域,同时保持空间和时间的连贯性。该技术在视频补全、对象移除、视频恢复等领域有广泛应用。近年来,两种突出的方案在视频修复中崭露头角:flow-basedpropagation和spatiotemporalTran......