網頁設計編輯文字_網頁設計如何在背景圖片上編輯文字

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、怎樣在網頁設計中，在圖片上添加文字

可以用PHOTOSHOP來實現

如果你用的是DREAMWEAVER8的話最好用FIREWORK好一些。

先打開圖片，然後在點擊工回具欄的 A 按鈕就可答以在圖片上添加你想要的文字了

不會連這種操作都看不懂吧~！

3、網頁設計中怎麼在圖片上添加文字

1、這個在PS中還是很copy好實現的啊；
2、如果實在不會PS，用美圖秀秀也可以的啊；
3、當然，如果你問的是如何代碼實現這個效果，那也有很多方法，常見的就是圖片作為背景，然後框里寫文字，或者插入圖片，問題做定位就可以

4、網頁製作怎麼在圖片上插入文字

1:你可以把圖片設置為背景圖片
background後面加上圖片的url
在採用div層.
2:用ps也可以做
這是ps下載的網址
http://www.flash800.cn/

5、怎樣簡單修改網頁中的內容，比如圖片文字等？

以百度瀏覽器編輯器為例：

一、打開電腦桌面，點擊打開百度瀏覽器。

二、打開一個網頁，在個專人屬的中心，有一個自己的金幣展示。

三、為了修改金幣的數量，右鍵點擊金幣的數量，然後點擊菜單審查元素。

四、單擊打開瀏覽器自己的開發工具。它將直接位於32號的代碼元素中。如果沒有，就在附近。您可以在代碼中找到並展開三角形。

五、雙擊這個數字，就會進入編輯狀態的。

六、輸入最喜歡的號碼，然後單擊其他位置將編輯狀態恢復為正常。

七、最後，看這一頁。它已成為變革的梳子。當然，此號碼僅用於在瀏覽器中修改和刷新頁面。也會是原來的號碼。

6、dreamweaver設計網頁編輯文字問題

文字的最上面和最下面總有很大的空間是因為你的表格太高了，把它的高度調小點。
每段開頭空格用可以用按shift+ctrl+space手動增加

7、網頁設計文字動態編寫

函數名稱寫錯了，點擊時調用change(),函數名寫成了chang()
在樣式表裡每一句都要用分號（;）隔開，在wordstyle1，wordstyle2，wordstyle3的所有樣式後面都加分號
改正後是這樣的：
<html>
<head>
<style type="text/css">
.wordstyle1{
font-family:fantasy
font-size:20pt
font-weight:500
font-variant:normal
font-style:italic
color:blue
background-color:yellow
}
.wordstyle2{
font-family:verdana;
font-size:26pt;
font-weight:700;
font-variant:small-caps;
font-style:normal;
color:white;
background-color:blue;
}
.wordstyle3{
font-family:cursive;
font-size:32pt;
font-weight:900;
font-variant:small-caps;
font-style:bold;
color:yellow;
background-color:green;
}
</style>
<script language="JScript">
var n,i=0
function change () {
i=i+1
n=i%3
if(n==1) id1.className="wordstyle1"
else if (n==2) id1.className="wordstyle2"
else id1.className="wordstyle3"
}
</script>
</head>
<body>
<p id="id1"class="wordstyle3">
Here are three word style<br>
Please click the buttom to see the change.
</p>
<input type="button" value="change" onclick="change ( )">
</body>
</html>

8、請問怎麼樣在製作網頁時在圖片上添加文字？？

這個只能用div層來解決了，你需要用到層的left，top以及position屬性吧文字層定位到圖片層上面，只給你提個具體思路

導航:首頁 > 萬維百科 > 網頁設計編輯文字

網頁設計編輯文字

與網頁設計編輯文字相關的知識