Question

有人可以告诉我用什么类型的css来实现这种结果。

我所追求的是这个链接。 http://osc4.template-help.com/wt_32912/

当您按下Ctrl时的示例 - 带有黑色和灰色阴影的标题似乎保持在原位，只是尺寸减小，其余的东西都会移到中心。我能用一个简单的包装器做的就是尺寸减小了，然后左边有一些空白区域，标题也出现在中心位置。如何在提供的链接上实现这一目标？任何提示将不胜感激。

Answer 1

您必须将包含灰黑色元素的div的宽度设置为100％，但您必须将标题元素置于中心位置。如果你有100％的设置，它可以尽可能多地延伸。也别忘了放右：0;同样。实际上，如果你只看一下他们的.css文件，它会对你有所帮助..

Answer 2

这就是有关网站的制作方式：

HTML：

<body>
    <div class="tail-top">
        <div class="tail-top1">
            <div class="tail-bottom">
                <div class="main">
                </div>
            </div>
        </div>
    </div>
</body>

CSS：

.tail-top {
    background: url("images/bg.gif") repeat-x scroll center top #FFFFFF;
}
.tail-top1 {
    background: url("images/top.jpg") no-repeat scroll center top transparent;
}
.tail-bottom {
    background: url("images/bot.gif") repeat-x scroll center bottom transparent;
}

.main {
    margin: 0 auto;
    text-align: left;
    width: 979px;
}

基本上我的想法是使用带有repeat-x的背景图像重复整个屏幕宽度的页眉和页脚栏，内容区域位于它们之上并且具有边距：0自动和一些宽度将其设置在中间该页面充当包装器。

什么类型的CSS用于实现这种结果？

2 个答案: