-
2021-06-09 02:05:27
单纯的html要实现你说的效果很难,必须html和css配合才可以,首先用css为需要设置背景的元素设置背景,然后用html写文字等内容。附加一个简单例子,希望帮到你。(其中1.jpg跟这个页面在一个路径)
!doctype htmlhtml lang=en head meta charset=UTF-8 meta name=Generator content=EditPlus® meta name=Author content= meta name=Keywords content= meta name=Description content= titleDocument/title style type=text/css *{ margin:0; padding:0;} .flower{ background:url(1.jpg) center center no-repeat;position:relative;width:100%;height:100%;} table{ margin:0 auto;} /style /head body div class=flower table trtdA/tdtdB/td /tr trtdC/tdtdD/td /tr trtdE/tdtdF/td /tr /table/div /body/html
取消
评论
更多相关内容 -
在HTML中,怎么在图片上添加文字?
2021-06-23 10:56:32一种方式:直接将这个图用ps处理,还有一种html里面有层级代码,修改代码将字这...然后写字dadasdasdashtml+css怎么在图片上添加文字要在图片上显示文字,还要在放大缩小的时候文字不到处乱跑,这个就要用盒模型里面...一种方式:直接将这个图用ps处理,还有一种html里面有层级代码,修改代码将字这一层放在图片上面方法1: ps写在图片上方法2: 给标签加入图片背景, 在标签里面写字方法3: 使用img加载图片, 样式设置为固定或绝对定位, 添加样式z-index: -1;然后写字dadasdasdas
html+css怎么在图片上添加文字要在图片上显示文字,还要在放大缩小的时候文字不到处乱跑,这个就要用盒模型里面的大盒子套小盒子的方法了...
html+css如何在图片上添加文字可以。
以html为例,步骤:
一、在body中建立文字信息以及图片内容,也就是在header中包含...
在HTML中,怎么在图片上添加文字?一种方式:直接将这个图用ps处理,还有一种html里面有层级代码,修改代码将字这一层放在图片上面
方...
html -- 图片上添加文字可以。
以html为例,步骤:
一、在body中建立文字信息以及图片内容,也就是在header中包含...
html+css怎么在图片上添加文字?1:添加一个DIV,采用绝对定位,图片所属DIV为基准
2:图片为背景图
第一种方法:
HTML 在图片上添加文字最简单的办法。弄一个div层,把图片当作div的背景就是了
如何在html图片上加文字你给一个div 添加背景图,不影响在这个div里面添加文字的,比如
...
在html中怎么在一张图上添加文字你给一个div 添加背景图,不影响在这个div里面添加文字的,比如
...
如何在html的页面中插入背景图上面加文字?你给一个div
添加背景图,不影响在这个div里面添加文字的,比如
.class{width:...
HTML怎么在图片上加入文字使用定位来写的,首先一个大盒子装着图片,
然后一个盒子装着头像和文字,把装着头像和文字
的盒子根据装...
-
html+css怎么在图片上添加文字
2021-06-08 19:19:11第二种方法:图片作为背景图片 wenzi推荐答案第一种方法:添加一个DIV,采用绝对定位,图片所属DIV为基准 文字第二种方法:图片作为背景图片wenzi辅助答案用户:西瓦的守护2017年12月18日html+css在图片上添加文字有...用户提问
第一种方法: 添加一个DIV,采用绝对定位,图片所属DIV为基准 文字 第二种方法:图片作为背景图片 wenzi
推荐答案
第一种方法:
添加一个DIV,采用绝对定位,图片所属DIV为基准
文字
第二种方法:图片作为背景图片
wenzi
辅助答案
用户:西瓦的守护
2017年12月18日
html+css在图片上添加文字有两种方法如下:
1.添加一个DIV,采用绝对定位,图片所属DIV为基准
文字
第二种方法:图片作为背景图片
wenzi
背景图片现在有了,然后在上面写上你需要写的字就可以了。
用户:yangyw@opencart.cn
2017年12月06日
如果对图片不做滤镜等特殊效果处理的话可以考虑做
背景,但两个嵌套的方法并不好控制,如果这两个块是空的,那他们确实可以嵌套,但如果都有了内容,其中一个块的内容就会被挤出来,即便是真的嵌套在一起的。用户:soft0
2017年12月25日
第一种方法是写两个 div ,第一个div放图片,并且放在下面;第二个div放文字,并且放在上面。
第二种方法是写一个div ,图片作为背景图,然后div中放文字。
用户:馨蕾1212
2018年01月06日
图片设置为元素背景,然后就可以在元素里写文字了,看上去就像在图片上添加文字
-
图片上添加文字的两种常用方式
2020-09-25 04:23:48图片上添加文字,常用的方式:将一张图片设置为背景,然后在里面加文字;加span标签,设置css样式;下面为大家介绍下 -
HTML5/CSS3图片描述效果 文字描述浮动在图片上
2019-08-23 17:10:51今天要分享一款基于HTML5和CSS3的图片特效,该图片特效非常实用,可以让你网页上的图片在鼠标滑过时在图片上方浮现一些描述文字,该描述文字在展现出来的时候有淡入淡出的动画效果,同时描述文字的样式也可以自定义... -
使用JS给HTML添加文字水印.html
2020-01-17 17:03:46使用JS语言,给整个页面添加一个文字水印,这水印不影响页面结构,不影响其他元素点击,会根据页面大小缩放。已经封装为了函数,到手即用。 -
如何创建背景图片并在其上添加文字
2021-06-24 08:21:05要开始我是非常新的自举,但我想要做一些类似于这个例子:text over background image但在一个引导框架内。...或者是如下:如何创建背景图片并在其上添加文字CSSbody {margin-top: 50px; /* Required ...要开始我是非常新的自举,但我想要做一些类似于这个例子:text over background image但在一个引导框架内。我曾尝试在导航栏下面的容器内创建一个div,但似乎在背后的文字背后放置了白色背景......您可以在此处看到我的代码:JSFiddle:my code。或者是如下:如何创建背景图片并在其上添加文字
CSS
body {
margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
@import url(http://fonts.googleapis.com/css?family=Oswald:700);
html {
background: url(http://3.bp.blogspot.com/_6r-mOI0OuO0/S6q3VodCqI/AAAAAAAAB5A/Uycl8dCr92A/s1600/NYC15BrooklynBridge02.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Oswald', sans-serif;
}
h1 {
color: #fff;
text-align: center;
font-size: 120px;
text-transform: uppercase;
}
span {
font-size: 130px;
color: transparent;
text-shadow: 0 0 10px #fff;
}
HTML
Full - Start Bootstrap Template@import url(http://fonts.googleapis.com/css?family=Oswald:700);
h1 {
color: #FF6600;
text-align: center;
font-size: 120px;
text-transform: uppercase;
}
span {
font-size: 130px;
color: transparent;
text-shadow: 0 0 10px #FF6600;
}
some text
some other text -
html+css如何在图片上添加文字
2021-06-12 05:00:51html+css如何在图片上添加文字2018-09-14效果如图思路:div相对定位. 图片默认定位, 文字绝对定位参考代码html>/*div1下面包含着1个图片和1段文字*/#div1{position:relative;/*相对定位*/width:267px;height:140px... -
html+css 在图片上添加文字
2019-10-07 07:47:52html <view class="container"> <image class="" src="{{book.image}}"></image> <view class="description"> <text class="title">{{book.title}}<... -
用HTML代码在图片上加字
2021-06-09 14:12:36里用到了(Spacer)空白。type="horizontal" align=#> 水平空白align=center(居中),left(居左),right(居右)。type="vertical" valign=#>...效果一:文字居中欢迎光临cellSpacing=0 cellPadding=0 width... -
html中怎么在图片上添加文字
2017-04-27 10:51:24html中添加了图片,想在图片上添加文字,可是文字总是显示换行或者在第一行 -
视频底部加一行文字 如何在视频上加文字
2021-06-16 08:50:34在视频上添加一些文字说明,但不想破坏视频画面,所以打算在视频底部画面以外加一块区域,然后在区域中放上文字图片说明。给视频底部画面以外加一块区域以放上文字图片。其实这里可以换个思维,准备好一张背景图片,... -
如何使用HTML和CSS在图像上添加文字?(代码示例)
2020-04-30 19:43:20本篇文章我们将向您介绍如何使用 HTML和CSS在图像上添加文字,内容很详细。 话不多说,我们直接进入正题~ 1、用HTML和CSS表达的好处 不是“图像本身写入文字”,而是“通过HTML和CSS在图像上配置文字”这一点有... -
如何让文字在图片上滚动
2021-06-14 06:09:39如何让文字在图片上滚动要想实现让文字在图片上滚动,可以按下方法操作:点击发表文章,出现文章发表框,把显示源代码的小框勾上,然后把下面这个代码粘贴上去:borderColor=#FF0011 height=330 width=500border=1&... -
HTML如何在图片上添加内容(如文字,菜单栏,按钮等)
2021-07-20 03:02:53HTML如何在图片上添加内容最近作的一个效果是网页头部有一张大图,菜单栏漂浮在图片之上。我看到网上讲的很简单,大体原理就是图片定为相对定位,文字定为绝对定位便可。不过我实现的并不顺利,花了几个小时才让菜单... -
背景图片加文字的HTML怎么写
2021-06-27 10:50:00△问题和服务可以联系微信:yangtuo1991 △文章浏览次数:52这里贴一个常见的小问题,在背景图片上做文字,直接贴代码了,简单的一小段,我是画画的小行家/*div1下面 包含着1个图片和1段文字*/#div1{position: ... -
css 如何在一个背景图片的中间添加文字呢?
2021-06-11 18:24:56摘要:下文讲述使用css代码在背景图片的中间添加文字的方法分享,如下所示;实现思路:1.定义一个div,并放入背景图片,设置其内部元素水平垂直居中2.定义一个子div,并放入文字信息通过以上两个步骤,即可实现背景... -
怎么用css在图片右下方添加文字
2021-06-09 07:57:59有时候在一些广告图片的下面显示“广告”字眼,或者在gif动图也有显示,那么这个通过css怎么实现呢我们来看html代码广告在看em的css是怎么定义的,这么需要用到定义的属性a {display: block;position: relative;}父... -
vue利用 canvas 在图片上加文字
2021-09-30 14:57:01//外面最好加个div,这样就可以控制显示在页面上绘制出来的图片的大小 <div style="width:400px"> <img :src="image" class="img" alt=""/> <canvas id="mycanvas" width='750' height='530' class... -
求高手解决js和html代码难题 在图片前面添加文字后图片移动为什么文字也会跟着移动
2021-06-10 16:34:09满意答案uutjiv30732013.08.25采纳率:50%等级:13已帮助:5904人 onmouseOut=...文字function mouseOver(){var a=0;function move(){a++;if(a==49){clearInterval(time);}divP.style.top = (divP.style.top.replac... -
制作html帖第二课:在表格中添加文字和图片
2021-06-09 04:52:56方法:在表格中输入“内容”两字,点开html将你编辑好的代码及图片地址粘贴上,看代码:内容内容我们现在添加代码和图片,你做时去掉*符号screen.width-500)this.style.width=screen.width-500;">居中很重要!... -
HTML CSS 个人注册界面 实现边框上加文字
2021-11-25 11:06:20HTML CSS 代码实现: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <... -
图片批量加水印工具,图片批量添加文字|图片同时添加文字或图片水印
2021-06-12 11:34:25还可以保护我们自己的原创图片,也可以在图片上添加我们自己的文字或者图片信息,起到一个宣传的效果,那今天就教大家怎样给图片批量添加文字或图片水印。效果展示:先下载安装今天要用到的软件,然后双击运行。... -
网页制作时如何给图片添加文字?
2021-06-08 19:18:12换而言之,很多人讨论图文分开时候如何排版,却很少人注意到在图片上添加文字时应该怎么排版。接下来,小编要从几个方面谈一谈如何给图片添加文字。一、竖直OR水平不同于正文中多采用水平文字排版,图片上添加的文字... -
Html 让文字显示在图片的上面
2021-06-11 18:15:16在此可以控制背景图片的横向和纵向的平铺:background-repeat : none; 不进行平铺background-repeat : repeat-x; 横向x轴进行平铺background-repeat : repeat-y; 横向y轴进行平铺background-... -
HTML让文字在图片上显示
2016-12-21 10:32:26Html让文字在图片上显示的集中方式: 第一种方式是image 作为背景图片,即:background:url("......."); 例如如下代码块: 添加文字...添加文字...添加文字... 第二种方式是将img块与文字块(文字块采用... -
html2canvas 网页对图片加水印
2021-03-06 11:10:46html2canvas 网页对图片加水印 -
鼠标悬停,在图片上显示文字~
2021-06-11 04:41:09面向对象function $(id){return typeof id === "string" ? document.getElementById(id) : id;}function $$(oParent, elem){return (oParent || document).getElementsByTagName(elem);}function imgLight(id){this....