导航:首页 > 万维百科 > 网页设计图片下有文字

网页设计图片下有文字

发布时间:2020-09-05 17:10:03

1、我是新手,制作网页的时候,如何像QQ网址那样,就是上面有图片,下面还有文字标识,那文字不是在图片上

<div style="margin:0 auto;width:300px;height:300px">插入图片</div>
<div style="margin:0 auto;width:300px;height:300px">插入文字</div>
<div style="margin:0 auto;width:300px;height:300px">插入图片</div>
<div style="margin:0 auto;width:300px;height:300px">插入图片</div>
<div style="margin:0 auto;width:300px;height:300px">插入图片</div>

2、网页制作中,要在图片上显示文字,怎样做?

在表格里 的属性 中 你把 背景设置成 你需要的图片 然后写文字就行了

3、网页制作中怎样将文字紧贴在图片下方

可以使用一些打字软件,或者是把图片跟写好的字排好位置,然后再已屏幕截图的方法截好。

4、网页设计问题:文字怎样紧靠在图片正下方

用CSS样式

5、网页设计 html 怎么在div图片里插入文字

第一种方法:
添加一个DIV,采用绝对定位,图片所属DIV为基准
<div style="position:relative;width:100px;height:100px;">
<img src="" alt="" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字
</div>
</div>
第二种方法:图片作为背景图片
<div style="background:url(abc.jpg) no-repeat left top;">
wenzi
</div>

6、网页设计中如何让把文字放在图片上显示

方法有很多
给你介绍一个最简单的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div设置背景图片
</div>
其次还可以通过div的定位来做
还有就是通过水印来做
总之更具不同的需求用不同的方法
灵活多变

7、网页设计如何在背景图片上编辑文字

第一种、将背景图写在css中
<style>
.class{background: url("图片路径") no-repeat;}
</style>
接着就直接在html中写文字内容。
第二种、写在html中
<div class="screen">
<div class="img"><img src="images/logo.png" alt=""></div>
<div class="intro intro--shown"><p>你的文字内容</p></div>
</div>

css样式,
.screen {
position: relative;
width: 1280px;
height: 720px;
overflow: hidden;
}
接着就是包裹的两个div,图片和文字
.img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 7px;
position: absolute;
}
.intro {
position: absolute;
width: 100%;
bottom: -5px;
z-index: 20;
}
z-index: 20;就是可以将文字锁定在你图片的上方

8、网页设计中如何把文字写在图片下面,,俺是个菜鸟,,各位大虾帮帮忙

<div>
<dl><img src="图片地址" alt="" /></dl>
<dd>这里是文字</dd>
</div>

CSS样式自己设置下就好了。

9、网页设计:怎么在网页最底部添加文字

您好,
1、网页字体的样式选择
在英文站方面,国外的很多东西不是免费的,当然也包括英文字体,所以你的网站字体不要选择那些太有个性的字体,因为你的访客可能电脑上根本就没有下载这个字体,从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial, Times New Roman, and Verdana。
2、中文站方面呢,普通的大众绝对没有自己去下字体安装的爱好,一般的字体全是XP或其他系统自带的,选择宋体肯定是不会错的。其他楷体等等可以自己斟酌选择。注意,那个漂亮的微软雅黑字体也不是每个人都装了的。
字体样式选择建议:字体一定要选择大众化字体,种类选择上尽量不要超过三种。
3、网页字体的大小选择
在互联网普及之初,英文网页占的比例比较大。由于英文字母相对汉字来说超简单,都没有笔画是否复杂一说,英文的小字体总是能显得很简洁、清晰,绝大部分英文网站的主体内容都是选择小号字体,9px, 10px, 11px, 12px,13px大小的字体在英文网页中十分常见,外国人也习惯看小号字体了。
中文网页不能照搬英文网页的设计,主要是因为两种语言的字体表现形式完全不一样,中文网页中字体大小在10px以下看不清,一般要达到12px才有不错的效果。目前来看,12个像素和14个像素大小的宋体在可阅读性和美观上结合的是最好的。比12个像素再小的话,可阅读性和美观性都没有了。比14个像素大的话,可阅读性当然是有的,但是美观性就差了一些。所以基本上所有的中文网站都是以这两个大小的文字来呈现的。
字体大小的选择建议:英文网站字体大小可以选择11px, 13px, 15px等字体大小,中文网站字体大小可以选择12px, 14px, 16px等字体大小。
网页字体的颜色选择
字体的颜色直接会体现在网页的整体风格上,黑色,灰色,白色的搭配给人沉闷,中庸,职业,严肃等感觉,如果在适当的地方加入些许红色,则会显得充满刺激的快感,并且总能吸引众人的
目光。字体颜色的选择非常的重要,而且也非常的深奥,可以是一门专门的学科,Micfly的一篇小小文章也仅仅能给各位抛砖引玉而已。你也可以参考其他的一些资料,Micfly做网站的时候经常会参考【终极配色手册】。
4、网页字体的其他特性选择
除了以上说的网页字体的样式,大小,颜色之外,网页中的字体还可以设置其他各种特性:粗体,斜体,下划线,行距,段距,对齐方式等等。其实大家在排版的时候可以直接用word来做实验,看看什么样的感觉最好。
字体选择是一种感性、直观的行为。但是,无论选择什么字体,都要依据网页的总体设想和浏览者的需要。例如:粗体字强壮有力,有男性特点,适合机械、建筑业等内容;细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。在同一页面 中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活跃,丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

与网页设计图片下有文字相关的知识