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

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

第一种、将背景图写在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;就是可以将文字锁定在你图片的上方

2、在网页设计中怎么把框架作为背景在框上面打字

你说的打字，是有一个输入框，可以打字进去的那种？
框架是不具备录入功能的，除非在框架里加入一个文本域 ‘textarea’
至于做背景，不知道你想表达的是什么意思，
当然也可以用定位'position' .把框架下面的DIv 定位在框架前一层，但是这样就档住框架了，看是能看，但不方便录入文字了，你这是要干什么？

3、html网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

4、网页设计中把图片作为背景吧没有超链接，作为图片吧文字又不能显示在上面，怎么解决？

先用图片编辑的把字做在图上，在用热点链接。直接在图上做链接，或者就用层，图片做最下层，文字做一个层先是在上面，再做链接，层可以做成透明的，不影响下面的图片

5、网页设计技术，怎么把图片上面的文字弄到图片的下面来啊。应该在哪里加代码呢，求大神

把图片定义为背景或者写入CSS样式表中，然后就可以在上面布局文字了。

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

把图片设为背景即可，以下是修改后的代码<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗条上</div>
</div>
</body>
</html>

7、制作网页时如何把文字放在指定位置

这张图片作为背景图片代码如下:
<style>
.txt01{
background:url(图片.jpg) no-repeat;
width:300px; /*白框宽度*/
height:400px; /*白框高度*/
overflow:hidden;
margin:50px 0 0 200px;/*位置调整,上右下左*/
}
</style>
<div class="txt01">这里是你想放的文字!!</div>

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

您好，
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来做实验，看看什么样的感觉最好。
字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

9、怎样在网页设计中，在图片上添加文字

可以用PHOTOSHOP来实现
如果你用的是DREAMWEAVER8的话最好用FIREWORK好一些。
先打开图片，然后在点击工具栏的
A
按钮就可以在图片上添加你想要的文字了
不会连这种操作都看不懂吧~！

10、网页设计中如何让文字置于图片的左侧

如果要文字在图片外的左侧可以用对图片用float：right
如果有图片置于图片上且左侧，可以给文字加上position:absolute; z-index:1;

导航:首页 > 万维百科 > 网页设计让字在底图上

网页设计让字在底图上

与网页设计让字在底图上相关的知识