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、html怎样设置字体的背景颜色?
方法有很多~建议多看看相关教程!
最简单的设置背景颜色:
找到<body>标记,在里面打个空格输入bgcolor="这里写颜色的英文,也可以是16进制,如"#0099FF".
想插背景图片输background="这里是图片地址"
若要改文字颜色.在文字两端加<font>标记,在里面输入color="写英文或16进制,同上!"
整体效果:
<font
color="#0099FF"
size="1">这里是文字</font>
//后面的size控制字体大小
若想用样式控制,全部代码如下:
<html>
<head>
<title></title>
<style
type="text/css">
//这里是CSS样式声明
<!--
//这是防止浏览器无法识别用的!不用管
body
{
background-color:
#0033FF;
}
//背景颜色样式,采用标签选择符样式
.font{color:
#33CC00}
//字体颜色样式,采用类选择符样式,用class
调用
-->
</style>
</head>
<body>
//这里调用标签选择符样式
<span
class="font">字体的颜色</span>
//这里调用类选择符样式
</body>
</html>
3、在网页设计中怎么把框架作为背景在框上面打字
你说的打字，是有一个输入框，可以打字进去的那种？
框架是不具备录入功能的，除非在框架里加入一个文本域 ‘textarea’
至于做背景，不知道你想表达的是什么意思，
当然也可以用定位'position' .把框架下面的DIv 定位在框架前一层，但是这样就档住框架了，看是能看，但不方便录入文字了，你这是要干什么？
4、在html中如何设置字体的背景颜色?
一、设抄置字体的颜色袭
直接用font语句对字体颜色进行设置即可，具体命令如下所示：
设置“我是红色”为红色字体，输入命令如下：
<p><font color="red">我是红色</font></p>
更改上述命令中的color颜色即可更改字体颜色
二、设置字体的背景颜色
设置背景颜色为00FF66，输入命令如下：
<body bgcolor="00FF66">
更改上述命令中的bgcolor即可更改背景颜色
5、网页制作中如何对文字添加圆形背景图案
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.8.1.js"></script>
<style type="text/css">
.radius{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}/*半径*/
.transform{
transform:rotate(45deg);
float: left;
}/*旋转*/
.box-shadow{
box-shadow: 7px 2px 20px #000;
}/*盒子阴影 x y 阴影模糊值 颜色*/
input[type=button]{
background: green;
border:0;
cursor: pointer;
color: white;
float: right;
}
.content{padding: 20px;background: pink;overflow: hidden;}
.model{width: 50px;height: 50px;background: blue;color: white}
.square{}
.circle{margin-left:20px;border-radius:50px;float: left;}
</style>
</head>
<body>
<div class="content radius">
<div class="model square transform box-shadow">321321</div>
<div class="model circle box-shadow"></div>
<input type="button" value="change" class="box-shadow">
</div>
</body>
</html>
复制 粘贴到你的 html文件 用 google 或者 火狐 或者Opera 或者 safari 打开 看看~~~
6、如何在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的背景图片就有了，你在里面写文字就可以了，如果你想给文字放到特定位置的话就需要定位了，
7、网页制作：如何添加文本框的背景啊？
需要改变文本框的样式即可，具体代码如下：上面代码中的background:url(htmer.jpg)表示文本框背景图片为htmer.jpg，no-repeat表示文本框背景图片不平铺，right bottom表示文本框背景图片的位置在右面底部。