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表示文本框背景圖片的位置在右面底部。