html顯示圖片文字_html+css怎麼在圖片上添加文字

㈠ html+css怎麼在圖片上添加文字

要在圖片上顯示文字，還要在放大縮小的時候文字不到處亂跑，這個就要用盒模型裡面的大盒子套小盒子的方法了。下面舉個小例子給你看看。

html大致樣子：

<body>

</div>

<div id="wenzi">這里是文字</div>

</div>

</body>

css文件：

#box1{

position:relative;

width:500px;

height:500px;

margin:0 auto;

}

#box2{

position:relative;

width:100%;

height:100%;

}

img{

position:relative;

clear:both;

width:100%;

height:100%;

}

#wenzi{

position:relative;

clear:both;

width:100%;

top:-50%;

text-align:center;

color:black;

font-size:2em;

}

效果圖片：

用這種方法有個好處，就是做響應布局的時候，或者用戶在瀏覽器上放大縮小的時候，網頁整體也跟著放大縮小，不會元素到處亂跑或者某個文字跑出來，這樣看起來整體感要強烈一點。

這種做法的不足之處：div盒子有點多，html代碼看起來比較臃腫，大盒子套著小盒子。做大頁面的時候一個htm看起來眼花繚亂的。但只要做好了注釋，還是分得清楚的啦，主要是這樣弄看起來頁面整齊一點。

㈡如何用html在圖片上顯示文字

用js寫，先得到圖片的offsetLeft和offsetTop，然後寫個div層吧層定位到圖片的位置。層里寫字就行了

㈢怎麼把下面這個圖片內容轉換成文字在HTML頁面中顯示出來

首先文字要一個一個的敲出來。
然後是用HTML的表格布局，可以作出以上內容。

㈣ html在背景圖上顯示文字

背景圖用塊級元素包起來，用background：url();的形式寫就可以了。

㈤如何讓html代碼顯示為文字和圖片

弄個記事本，把代碼粘貼到裡面，後綴名改為.html，然後用IE打開，當然你的圖片一般情況下跟代碼在同一個文件夾裡面

補充：html我都忘記的差不多了，不過也簡單，找一些簡單的有圖片的網頁保存下來查看源代碼，然後更換你的圖片就好了，呵呵。
瀏覽器都有查看網頁源代碼的功能哦。

㈥ html圖片嵌入文字

<html>
<head>
<title>
test
</title>
</head>
<bodystyle="margin:0;padding:0;">
<divstyle="margin:0;padding:0;width:960px;">
<imgsrc="xx.jpg"/>
<divstyle="bottom:200px;position:relative;text-align:center;">居中</div>
</div>

</body>
</html>

樓主可以參考一下，width屬性和bottom屬性可以自己視情況而定

㈦ html 點擊圖片顯示文本

滑鼠移動到圖片上，顯示文字，簡單的方法是利用「title」。
例如：
<img src="/index/4.png" alt="HTML5在線製作" title="HTML5在線製作">
滑鼠移動到4.png圖片上時候，顯示出「HTML5在線製作」

㈧ html文字插入圖片

在你網頁中</head>標簽的上面起一新行，輸入如下代碼：
<style
type="text/css">
body
{
background-image:url(圖片的地址)}
p
{
padding-top:130px;}
</style>
在你網頁中<body>和</body>之間輸入如下代碼：
<p>你要顯示的內容</p>
注意：p
{
padding-top:130px;}中的130也是可修改的值，因為我只是按照你貼出來的圖片量了一下，你肯定要從那女人下面開始顯示你輸入的內容，對吧，所以那個130就是距離頂邊的高度，你可以自己量一下，然後修改成相應的值即可。

㈨ html -- 圖片上添加文字

可以。

以html為例，步驟：

一、在body中建立文字信息以及圖片內容，也就是在header中包含兩個同級，圖片和文字。

㈩ html文字與圖片對其顯示

你是想要哪種對齊橫還是豎？？橫著的用<li>和<span> 一個右飄一個左飄但是如果是要圖片右飄那麼要把<span>放在文字前面如果是豎著可以給<li>定義一個和圖片一樣的寬度使文字被擠下來再居中或者用兩個<ul> 分別定義<li> 另外一種就是用<div>了但是一般不建議用太多div 優先考慮<li>

導航:首頁 > 文字圖片 > html顯示圖片文字

html顯示圖片文字

與html顯示圖片文字相關的資料