我有一个html文本,用了一个层插了一个图片,占了整个界面,现在我想在插一个层放到图片中间(就是留

作者&投稿:里固 (若有异议请与网页底部的电邮联系)
html如何在一个页面中插入背景图上面可以放文字~

你给一个div 添加背景图,不影响在这个div里面添加文字的,比如

.class{width: 200px;height: 200px;background: url("图片路径") no-repeat;}


注释:background: url("图片路径") no-repeat;

repeat: 平铺整个页面,左右与上下
repeat-x: 在x轴上平铺,左右
repeat-y: 在y轴上平铺,上下
no-repeat: 图片不重复


你的文字内容


那么在这个div的背景图片就有了,你在里面写文字就可以了,如果你想给文字放到特定位置的话就需要定位了,

用position:absolute进行层叠就可以了哈。 注意要放在div中,这样才能依据div定位。如没有可参考定位的元素则会依据body定位,也就是显示在左上角了。div也可以换成其它的。

你好!这种可以用一个定位就行了,你作为初学者,我就详细的细节给我说一通你就明白了。

要说的明白呢,我就写一个简单的样式给你看一下,css我就直接写在层里了,不作另外调用,样式图所示:

一、思路:在页面上插入一个图片,根据图片大小设置宽度,文本始终都显示在图片的下方位置,而且输入文字跟着文本字数及行数自动调整高度。


二、根据思路写html+div+css,本人采用网络示例图来做显示,以将其下插入body区域内就行:

<div style="width:287px; position:relative">

<div style="width:100%; color:#FFF; font-size:12px; line-height:25px; bottom:0; background:#000; text-align:center; position:absolute;">在这里输入你所需要的文本,高度自动,无论你写多少个字都会跟着换行来增高,你不妨复制试试!</div>

<img src="http://img0.bdstatic.com/img/image/shouye/mxlss-9515954050.jpg" width="287" />

</div>


三、根据提供的css说明意思:

<div style="width:287px; position:relative">:根据图宽设定外围宽为287像素且绝对定位一下,这里要求不溢出。

<div style="width:100%; height:auto; color:#FFF; font-size:12px; line-height:25px; bottom:0; background:#000; text-align:center; position:absolute;">:将内层浮动其设置width宽为100%,height高为auto自动,保证其外围宽度的设置;并设置position:absolute浮动设置,作为浮动层,放置在bottom:0居于图片下方;并设置框背景为黑色,字为白色color:#FFF,12像素字,行高为25像素,文字居中显示。


我给你回答理解的就是这么多,希望我的回答能帮到你!



http://www.divcss5.com/shili/s587.shtml


怎样在电脑桌面创建一个html文件???
1、在电脑桌面创建一个空白文本文件:2、编辑输入需要的html代码,如:3、单击文本编辑器的保存按钮,保存编辑好的html代码:4、回到桌面,找到编辑好的html代码文本文件,修改文件后缀名为html并确定:5、双击该html文件,就可以在浏览器中执行了,效果如下:

如何创建一个html文件?
1、新建一个文本文档。2、打开文本文档后,输入 <html> <head> <title>这是一个网页<\/title> <\/head> <body> <h1>hello,人生<\/h1> <p><fontsize=\\"8\\"face=\\"Verdana\\">寂寞如雪<\/foot><\/p> <\/body> <foot> <\/foot> <\/html>。3、输入段代码后,点击保存,保存类型设置为所有...

html页面在线设计-如何制作一个html的网页
4、保存并关闭txt文本,然后修改我们txt文本的扩展名为html,此时会弹出警告框,提示我们修改后可能会导致文件不能使用,这是操作系统的一个处理逻辑,为了防止无意或恶意的损坏文件的行为。 5、无需担心,因为这在我们自己的掌控之下,确认警告,点击"是",然后双击打开我们自己的第一个html网页,就可以看到一个最简单的htm...

一个完整的html代码怎么编写?
简单的htm的编写过程如下:先新建一个文本文件,可以自己命名,如下图,我命名为测试。编译文本,以最简单的代码格式为例<html> <head> <title> <\/title> <\/head> <body> <\/body><\/html> 在<body><\/body>写入你要写的内容,下面以hello world为例。修改文件后缀名,将txt改...

html设计网站-如何用html编写一个简单的网页
简单的html网页可以直接利用文本编写的,无需下载特定编辑器。1、在我们的windows操作系统中,桌面上鼠标右键新建一个txt文本,并命名为"最简单网页",只是便于标识,实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。2、我们打开文件夹属性设置,将文件扩展名显示出来,后面我们需要对...

DW新建一个html网页
用DW软件新建一个html网页,dw新建一个标准的HTML超文本网页。打开DW软件 新建HTML有两种方法 第1种,使用快捷键“Ctrl+N”,新建网页选项卡。 第2种,点击软件左上角“文件”,再选择“新建”弹出“新建文档”选项卡,选择好后创建点击“空白页”,再选择“页面类型”的“HTML”,再选择“布局”的...

如何将一个HTML页面嵌套在另一个页面中
这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容需要修改时,只改一个文件就可以了,不需要每个文件单独修改。拓展:1、超文本标记语言,标准通用标记语言下的一个应用。“超...

打开一个html文件,为什么出来的是文本文档
文件连接方式有问题 你按住shift右键点html文件,然后选:打开方式 选择ie浏览器,并且把“以后用该程序打开此类文件”钩上 就ok了

请问HTML和纯文本有什么区别?如果发在邮箱里的话哪一个更可靠一点
照片并不含在HTML文件内,只有当“浏览”HTML时,浏览器临时按地址取回。HTML实际上是通过浏览器解释而被解释执行的程序。同样内容的文件,用HTML,文件占磁盘容量远大于纯文本文件。自己发到邮箱里或放在邮箱里,一样可靠。别人寄来的HTML可能带病毒或木马蠕虫。要提高警惕。别人寄来的纯文本则没问题。

怎样把一个网页保存为html格式?
1. 怎样保存网页部分内容为html格式 保存网页部分内容为html格式操作步骤如下:1、点击你自己想需要转换的网页文件,如下图。2、点击右上角关闭下面有个“设置"的选项。点击"文件"选项,最后在点击“另存为”。3、点击另存为对话框中的“保存类型选项”中然后在选择“文本文件(*.txt)”。4、然后...

金川县18697478258: HTML中插入一个层,如何让层中的文字居中
范怖龙血: <div style="text-align:center;"></div>水平局中 <div style="vertical-align="middle"></div>垂直局中

金川县18697478258: html中插入层 -
范怖龙血: 弹出来的div用 absolute方式布局,漂浮在页面之上就行了. 如下 <div class="abcd">这里面是你要弹出的层里面的东东<div> css里面把 .abcd 设置成绝对定位就行了.

金川县18697478258: DIV+CSS问题 题目是:有一个DIV层,在层里面插入了一个小图片,然后如何在CSS里面定义图片垂直居中. -
范怖龙血: 设置图片上下边距先把图片给浮动起来如:#pic img (flo...

金川县18697478258: 有HTML标签的文本,在插入数据库时,SQL语句怎么写? -
范怖龙血: 用参数执行方式<br>string content = Request.Form["content1"].ToString().Trim(); <br>string b = Request.Form["txtUserName"].ToString().Trim(); <br>string dbpath = System.Configuration.ConfigurationSettings.AppSettings["dbpath"]; <br>...

金川县18697478258: 在DW中,我每插入一个层它就自动带有CSS样式,并且那些样式都是绝对定位的.我要怎样才能不要它自动带样式 -
范怖龙血: 你排版最好不要用绝对定位的那个层,那个排版你不是很懂的情况下会很乱的,最简单的你可以把窗口最大化和不是最大化然后看下那些层的位置你就明白了,所以建议还是不要用那个,除非真的需要,还有,DW CS3以前,都是把样式直接写在DIV里的,这样维护起来不方便,DW CS4不知道,用DW CS5话没问题的,它会把DIV跟样式 分开写,这样你只需要把头部的样式表全部剪切到你那个文件就行了,还有把删了position:absolute;就是把层变成不是绝对定位的了,不过那样你设置的top:10;left:10就会失效了,其实层的定位涉及很多知识的,用DW来自动生成是解决不了的,甚至有些连提示都不会了

金川县18697478258: html文档的层标记是 -
范怖龙血: HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是WWW的描述语言.设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用...

金川县18697478258: 我想有一个DIV层,里面是我预先放好的文字,点击后自动插入到文本框,用JQUERY怎么做?我要所有代码. -
范怖龙血: <script type="text/javascript"> $(document).ready(function(){$("#div的id").click(function(){ var val = $(this).html();//获取该div里面的文字 $("#textarea").val();//将该div里面的文字放到textarea里面 });});</script>//显示div文字的textarea<textarea id="textarea" ></textarea>看看是不是你想要的

金川县18697478258: 我在本地有个html网页文件 -
范怖龙血: 你可以自建设一个web服务器 用花生壳域名解析系统帮你解析域名到你的IP 也可以找个免费空间上传你的主页文件 一般免费空间都给你一个2级域名 把域名你的朋友就可以了 补充:上传到空间可以用ftp工具上传也可以用web网页版上传 申请完一般会给你一个IP 用ftp://给你的IP 访问后提示输入你的用户名密码 进入你的空间可以实现web版ftp管理 和本地操作一样

金川县18697478258: 如何用层(DIV)给一张图片上的固定文字添加超链接? -
范怖龙血: ”DIV“在一个有超链接的图片上再加几个文字链接,首先需要在有图片的超链接后面添加一些span或者是p标签,同样的也是使用a标签包裹就实现了链接的同步实现,通过代码来理解:html><head></head><body><div><a href=''><img src='图片地址'><span>我也是有图片的链接地址</span></a></div></body></html> 解释:以上在href中放入相应的超链接地址,之后点击此行文字,就可以实现超链接访问.

金川县18697478258: HTML常用标记 -
范怖龙血: HTML? 除了你说的我还知道H1~H7是标题标记,H1字体最大,H7最小,还有<A></A>是超链接标记,还有很多,想不起来了... cellpadding是指在表格中文字与边框的距离,其余的东东不知道 HTML就是标记多,这些标记内容在随便一本...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网