1、在html代码中怎么让背景图片居中
用background-position属性来实现。
参考代码:
<html>2、网页设计 背景图片怎么居中
垂直、水平
3、在网页设计中怎么让背景图片水平居中
background-image:url(/images/bg.jpg); /*背景图片*/
background-repeat:no-repeat; /*背景图片不重复*/
background-position:center top; /*水平居中,垂直顶对齐*/
4、如何把网页中的背景图片设置成居中切不会平铺,谁能帮我改一下?
你这里的代码第一行,你要的样式的写法应换成<TABLE style="background-image:url(tuanhui2.png);background-repeat: no-repeat;background-position: center center; " border=0>
其次就是,没有把
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>倒计时</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
这些页面代码嵌套在表格里的写法。
整理了下,你的代码应该是如下(根据你现有的):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>倒计时</title>
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("January 1, 2011 00:00:00");
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1350);
if(leftsecond<0){leftsecond=0;}
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%24);
__s=parseInt(leftsecond%60);
__all = "元旦倒计时 "+__h+"小时 "+__m+"分 "+" "+__s+"秒 ";
document.getElementById("_lefttime").innerHTML=__all;
}
_fresh()
setInterval(_fresh,1350);
</SCRIPT>
</head>
<body>
<TABLE style="background-image:url(tuanhui2.png);background-repeat: no-repeat;background-position: center center; " border=0>
<!--如果你的这个背景图是整个页面的,那建议把style=""样式所有内容,剪切到<body>里。-->
<TBODY>
<TR>
<TD>
<p align=center style='text-align:center'><span id="_lefttime" style="color:blue;font-size:170pt;">你的测试内容</span></p>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>
5、网页代码:如何插入图片、设置背景图片、居中、空格!
图片<img src="图片路径" />
设置背景,很多元素都有背景属性 你说的是整个页面的吗?
这个回是整个网答页的<body background="背景图片路径">………………</body>
剧中 就是在 你想要剧中的 元素两边加上<center> 内容 </center>
空格 空格的 代码 是 & nbsp ; 中间是没有空格的哈。 &是前缀 nbsp是编码 ;是后缀。 其他的特殊符号也是这样的格式 可以去网上搜一下
6、在网页设计中怎么让背景图片水平居中
C
7、网页设计中怎样设置主页背景图片居中
<--!line-height:200px;--}</style</head<body<div id="center"<p网页居中</p</div</body</html把这个直接复制到txt文档中,看看效果吧!在这个基础上 修改就行了!!!
8、如何使在dreamweaver的“页面属性”中设置的背景图片居中?
先插入一个div标签,再建css规则,设置属性让图片居中,如下图:
<style type="text/css">
.an{ width:311px; /*背景图片宽度内*/
margin:auto; /*居中*/
background-image:url(images/hd.jpg) ; /*背景图片*/
height:211px; /*背景图片高容度*/
}
9、网页设计中背景图片怎样才可以居中???
<style>
body { background-image:url(/logo/60th.jpg); background-repeat:no-repeat; background-position: top center; padding-top:48px;}
.main01{clear:both;width:900px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>
这段代码可以设置左宽多少 右宽多少,上宽多少,你可以试一试
10、网页设计中如何把比界面大的图片居中?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.aaa { background-image: url(cp.gif); background-repeat: no-repeat; background-position: center center;}
.bbb { width: 0px; height: auto; overflow: hidden;}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="aaa">
<tr>
<td><div class="bbb"><img src="cp.gif"></div></td>
</tr>
</table>
</body></html>
原理:
1.利用css设置aaa图片为背景,上下,左右全为居中显示
2.利用表格100%宽来自适应页面宽度
3.利用css div设置一个宽0高适应的层bbb,插入表格aaa内,来自动判定图片的高度
注意:aaa的背景与bbb中的图片为同一张图片,只有这样才能自动调节高度
效果:图片高度为图片真实高度,图片宽度自动适应页面缩放,如图片宽超过浏览器宽限制图片中间部分
哦耶!~~~~~~
hspace="-477"不成立,
hspace只能为>=0的数字
hspace如果<0,那么会显示效果为0