谁能告诉我，像这种网页是怎么做的？跪求~~

欢迎您:游客帮助

我的帖子

我参与的帖子

我的空间

我的网摘

谁能告诉我，像这种网页是怎么做的？跪求~~ [已结贴,结贴人:songshumglt]

加为好友

发送私信

在线聊天

songshumglt
松鼠
等级:

发表于：2008-05-22 11:04:30 楼主

http://ent.sina.com.cn/ 背景都是整张整张的大图片，淘宝的首页也是这样的，怎么用这样的背景图片做出这样的整齐的网页的？

问题点数：20 回复次数：12 修改删除举报引用回复

加为好友

发送私信

在线聊天

ekinwei
么G可| Yzw
等级:

发表于：2008-05-22 14:29:131楼得分:0

我也纳闷中..关注中...

修改删除举报引用回复

加为好友

发送私信

在线聊天

hery2002
苦*行*僧
等级:

发表于：2008-05-22 15:12:532楼得分:0

背景图片自动放缩?

修改删除举报引用回复

加为好友

发送私信

在线聊天

wonderfuly
游戏人间
等级:

发表于：2008-05-25 14:25:163楼得分:0

css sprites技术

修改删除举报引用回复

加为好友

发送私信

在线聊天

jamo
WTF == What The Fuck
等级:

发表于：2008-05-25 22:21:154楼得分:0

css, 设置背景图片的位置

修改删除举报引用回复

加为好友

发送私信

在线聊天

flush_520
蓝波湾
等级:

发表于：2008-05-27 11:44:125楼得分:0

图片分割转换为网页背景

修改删除举报引用回复

加为好友

发送私信

在线聊天

feng_sundy
自由的风
等级:

发表于：2008-05-27 13:50:346楼得分:0

spacer.gif 是一个空图片
<style>
.ImgBgASC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: top left; background-repeat: no-repeat; margin-top: -16px;}
.ImgBgDESC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: bottom left; background-repeat: no-repeat; margin-top: -16px;}

</style>
<img src="http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif" alt=""/> <br/>

<img src="images/spacer.gif" alt="" class="ImgBgASC"> <br/>
<img src="images/spacer.gif" alt="" class="ImgBgDESC">

修改删除举报引用回复

加为好友

发送私信

在线聊天

feng_sundy
自由的风
等级:

发表于：2008-05-27 14:16:157楼得分:0

刚才排版有点看不清楚，用这个代码测试

HTML code


<style>
.ImgBgASC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: top left; background-repeat: no-repeat; margin-top: -16px;}
.ImgBgDESC{ width: 15px; height: 15px; background-image: url(http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif); display: inline; background-position: bottom left; background-repeat: no-repeat; margin-top: -16px;}

</style>
<img src="http://img.photo.163.com/1CfmhAytJYxo9eNm5rqZpQ==/2056737654824816426.gif" alt=""/><br/><br/><br/>
顺序<img src="images/spacer.gif" alt="" class="ImgBgASC"> 倒序<img src="images/spacer.gif" alt="" class="ImgBgDESC">