網頁設計在圖片里寫字_網頁設計html怎麼在div圖片里插入文字

1、網頁設計 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>

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

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

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

第一種、將背景圖寫在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;就是可以將文字鎖定在你圖片的上方

4、網頁設計中如何讓把文字放在圖片上顯示

方法有很多
給你介紹一個最簡單的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div設置背景圖片
</div>
其次還可以通過div的定位來做
還有就是通過水印來做
總之更具不同的需求用不同的方法
靈活多變

5、製作網頁時怎麼在圖片上面寫普通的字呀？

你可以用表格實現啊。建個表格然後每個單元格可以設置不同的背景，然後就可以在每個單元格里寫字了。
這個最簡單，還有就是用層（css）較難點，可以用dreamweaver做比較簡單。

6、用div編寫網頁怎麼在圖片上面寫字

我給你舉三個CSS的例子

一、圖片
1、你可以用background來實現，也就是添加為層的背景。
.middle{background:url(../images/head-bg.gif);}
2、也可在層里直接添加圖片進去，
<div class="middle"><img src="images/middle.gif" width="173" height="198" /><p></p></div>

二、文字
文字就簡單了，直接添加在<p></p>裡面就行了，設置下<p>的css樣式

三、鏈接
鏈接你可以鏈接圖片或者文字

1、鏈接圖片
<a href="#"><img src="images/middle.gif" width="173" height="198" border="0" /></a>

2、鏈接文字
<p><a href="#">鏈接文字</a>其他文字</p>

7、在網頁製作中如何在圖片上打字

在圖片上新建層，在層內編輯文字，不過層要用CSS定位好

也可以用作圖軟體直接把文字做在圖片上

8、網頁製作中插入圖片的代碼是什麼

1、在代碼中經常用到的插入圖片代碼是img屬性，格式就是<img src="" alt=""> src後面是添加圖片的地址，後面的alt是對圖片的描述。