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