導航:首頁 > 萬維百科 > 網頁設計圖片並排

網頁設計圖片並排

發布時間:2020-09-26 10:54:25

1、網頁設計把圖片和文字並排拜託了各位 謝謝

你可以使用表格來定位的.也就是插入一行兩列的表格,左邊插入圖片,右邊輸入文字那麼這就並排了,但要注意.這表格邊框值要設為0,這樣才不顯示表格的意思

2、請問怎麼讓兩張圖片並排顯示呢?html代碼和css

右側圖片距離左側圖片100px的代碼,如果你的100px指的是圖片本身高寬相差100,那就直接改img里的高寬即可,src中為圖片對應的路徑和圖片名稱:

<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><img src="images/a.jpg" width="80" height="200" /></td>
    <td valign="top"><div style="margin-left:100px;"><img src="images/b.jpg" width="80" height="100" /></div></td>
  </tr>
</table>

3、網頁設計怎麼把兩張圖片放平對齊

可用DIV做
你的意思是在兩張圖片中間放表格嗎?如果是的話那就可以這樣:
<style>
#vv{ float:left;}
</style>
<div id="vv"><img src=....../></div>----圖片一
<table 設置寬度高度 float=left;>
<tr>
<td></td>
<td></td>
</tr>
</table>
<div><img src=....../></div>----圖片二

這樣做就是把第一個DIV和中間表格的float都設置成left,這樣第二張圖片就自動跑上去了

4、網頁設計圖片多個圖片橫排的的問題!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
<!--
.aa img {
height: 150px;
width: 115px;
}
.aa li {
float: left;
margin-right: 10px;
list-style-type: none;
}
.aa {
width: 1200px;
height: 200px;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>

<body>
<div class="aa">
<ul>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
<li><img src="可愛/1.jpg" /></li>
</ul>
</div>
</body>
</html>

這段代碼裡面的圖片路徑改一下,是這種效果嗎?希望也可以幫助到你

5、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

6、網頁圖片並排代碼

說得不大明白 如果單純圖片排成一行的話直接寫 <img src=圖片1 /><img src=圖片2 /><img src=圖片3 /><img src=圖片4 /> 就是自動排成一行的

滿意請採納

7、網頁製作的圖片和文本輸入的並列是怎麼設計的

網頁的圖片 和文本對齊的代碼是 vertical-align:top
可以載入 <img src="圖片地址" style="vertical-align:top">這樣就可以了 或者是div的CSS樣式表中

8、網頁設計用div把圖片與文字並排代碼大全

給圖片添加一個浮動就OK 了。
或者這樣 定義圖片一個層 文字一個層,統一添加向左浮動就可以了。另外也可以定義寬度,兩個層的寬度相加只要不超出最大寬度即可。

9、html網頁設計裡面怎麼平鋪背景圖片?

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

10、把兩張圖片並排(行)顯示的HTML代碼

可以把它們放在一個一行二列的表格中,將表格的線寬等均設置為0

與網頁設計圖片並排相關的知識