網站設計圖片如何出現文字

1、網頁設計 如何讓圖片在左 文字在右

在dw里的時候，圖片在文字上方。在圖片的<img>里寫 float:left;
<img src="a.jpg" style="float:left;" />

2、網頁設計時如何將圖片和文字位於同一水平？

網頁設計時將圖片和文字位於同一水平方法：

一、不要給文字標簽加屬性。給img{vertical-align: middle;}一個屬性即可。

二、img標簽向左浮動，給文字加一個標簽（例如span），然後設置文字標簽為塊狀，並設置上(內/外)邊距。span{ display:inline-block; margin-top:4px; margin-top：4px;} 內邊距，外邊據均可，最好是內邊距。

三、給文字加個標簽（例如span），同時控制這兩個標簽浮動。並給文字加行高，其值為圖片高度值。

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

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

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

5、網頁製作中，要在圖片上顯示文字，怎樣做？

在表格里 的屬性 中 你把 背景設置成 你需要的圖片 然後寫文字就行了

6、網頁設計，如何製作在點擊一個按鈕之後，才在一個div框中顯示文字圖片

對按鈕添加個onclick事件就行了，下面是個案例。

<div id="box"></div>
<button onclick="addContent()">按鈕</button>
<script>
function addContent(){
var oDiv=document.getElementById("box");
oDiv.innerHTML="這是添加的文字";
//oDiv.innerHTML='<img src="1.min.jpg"/>';   //添加圖片
}
</script>

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

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