導航:首頁 > 萬維百科 > 網頁設計把文字放在圖片下

網頁設計把文字放在圖片下

發布時間:2020-09-14 06:46:36

1、網頁設計中如何把文字寫在圖片下面,,俺是個菜鳥,,各位大蝦幫幫忙

<div>
<dl><img src="圖片地址" alt="" /></dl>
<dd>這里是文字</dd>
</div>

CSS樣式自己設置下就好了。

2、網頁設計技術,怎麼把圖片上面的文字弄到圖片的下面來啊。應該在哪裡加代碼呢,求大神

把圖片定義為背景或者寫入CSS樣式表中,然後就可以在上面布局文字了。

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、網頁設計中如何將文字和圖片一起排版

我做網頁5年了,到現在也沒找到最好的辦法。
變通的方式:
畫表格,border=0,適當拆分單元格,圖片和文字分別放入不同的單元格里,按照需要的方式左或右對齊。
祝你好運。

5、網頁設計問題:文字怎樣緊靠在圖片正下方

用CSS樣式

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

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

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

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

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

7、在用htlm製作網頁的時候怎麼將圖片下移,就是放在字的下面

上圖是效果

代碼如下:

<style type="text/css">
dl{width:200px;float:left;margin:0;padding:0;}
dl dd{width:200px;margin:0;text-align:center;padding-bottom:10px;}
dl dd img{height:180px;width:180px;}
dl dt{height:25px;line-height:25px;text-align:center;width:100%;}

</style>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>

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

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

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

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

10、網頁製作中怎樣將文字緊貼在圖片下方

可以使用一些打字軟體,或者是把圖片跟寫好的字排好位置,然後再已屏幕截圖的方法截好。

與網頁設計把文字放在圖片下相關的知識