1、網頁設計把圖片和文字並排拜託了各位 謝謝
你可以使用表格來定位的.也就是插入一行兩列的表格,左邊插入圖片,右邊輸入文字那麼這就並排了,但要注意.這表格邊框值要設為0,這樣才不顯示表格的意思
2、請問怎麼讓兩張圖片並排顯示呢?html代碼和css
右側圖片距離左側圖片100px的代碼,如果你的100px指的是圖片本身高寬相差100,那就直接改img里的高寬即可,src中為圖片對應的路徑和圖片名稱:
<table border="0" align="center" cellpadding="0" cellspacing="0">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