『壹』 如何用CSS樣式控制文字浮於圖片上方
用CSS樣式控制文字浮於圖片上方，這個我們首先要明確的知道一個層的概念，這里就是將圖片為一個層，然後文字又是一個層，然後我們使用一個position定位，將文字定於圖片的位置，然後使用z-index這個層屬性，來做，z-index的數值越大，層就越在上面，這里通過具體的代碼來理解：
<html>
<head>
<style>
.headr{
width:300px;
height:200px;
border:1px
solid
#f00;
z-index:100;
}
.wenzi{
position:absoulte;
left:100px;
//只是假定的值，具體需測量
top:200px;
z-index:101;
z-index的數值越大，層就越在上面
}
</head>
<body>
<div
class="headr"
>
//頁頭
<img
src='圖片的地址'>
</div>
<div
class='wenzi'>
<p>我會在圖片的上面</p>
</div>
</body>
</html>
『貳』 html中怎麼讓字浮於圖片之上
在html中字浮於圖上的話：
1.通過使用一個div或者是p然後寫上你所需要的字，然後在將那個圖片設置成背景就行了；
<div style='background:url('圖片地址')'>
<p>我是測試文字</p>
</div>
2.你可以使用一個z-index的屬性，設置層，將文字層置於圖片圖片之上，在來一個position定位就行了
『叄』 通過CSS+DIV怎麼將文字寫在圖片上方
HTML圖片和文字是並列顯示的。如下：
代碼總匯
HTML
<div class="img-group"> <img src="img/snow.png">
<div class="img-tip">我是雪豹</div></div>
CSS
.img-group { position: relative; display: inline-block;
}
.img-tip { position: absolute; bottom: 0; background: #333; color: #fff; opacity: 0.6; display: none;
}
.img-group:hover .img-tip { display: block; width: 100%; text-align: center;
}
『肆』 如何在html中怎麼讓圖片浮動
首先把圖片放在一個div內<Div class="aa"><img scr=""/></div>
其次設置div的樣式為怎麼浮動即可。上面你只要定義aa的css樣式float的值就可以了
答題不易，互相理解，您的採納是我前進的動力，感謝您。
希望回答對你有幫助，如果有疑問，請繼續追問
『伍』 網頁中圖片如何設置文字圍繞
網頁中文字環繞圖片效果的實現
1、直接設定文字環繞圖片
<div
style="width:
400px;
border:
1px
solid
#CCCCCC">
<img
id="img"
src="images/photo_01.gif"
style="float:
left;
clear:
left;
width:
120px;
height:
120px;
padding:
10px"
/>
某某公司是生產銷售新型電子材料、服裝、傢具的專業廠家，有自營進出口權，年銷售額過億元。<br/>新型電子材料產品已在全國各大電子企業、軍工企業以及航天、鍾表、珠寶首飾等行業享有較高的知名度。
服裝暢銷北美、歐洲、大洋洲<br/>我要實現左上
角是圖片，然後就是文字環繞在圖片的右邊，像下面的效果圖一樣。
</div>
2、用CSS實現文字環繞圖片的效果
以下是引用片段：
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
div
{
width:300px;
border:1px
solid
red
}
img
{
float:left;
width:100px;
height:100px
}
</style>
<div>
<img
src="images/photo_01.gif"
/>
某某公司是生產銷售新型電子材料、服裝、傢具的專業廠家，有自營進出口權，年銷售額過億元。<br/>新型電子材料產品已在全國各大電子企業、軍工企業以及航天、鍾表、珠寶首飾等行業享有較高的知名度。
服裝暢銷北美、歐洲、大洋洲<br/>我要實現左上
角是圖片，然後就是文字環繞在圖片的右邊，像下面的效果圖一樣。
</div>
『陸』 在網頁中如何實現 文字環繞在圖片四周（不使用表格）
分類: 電腦/網路 >> 互聯網
解析:
測試文字 測試文字 測試文字 測試文字測試文字 測試文字 測試文字 測試文字測試文字 測試文字 測試文字 測試文字<img src=img./img/logo-.gif class="page_speeder_1948735765"> 測試文字 測試文字 測試文字 測試文字 測試文字 測試文字 測試文字 測試文字 測試文字 測試文字 其實就是往"img"標記裡面加style='float:left' 如果floadt:right 即表示圖片在右邊