Question

我是CSS的新手。我想让我的网页背景成为瑞典的旗帜。我可能会出去导入图像，但我想自己编写代码进行练习。我能够在页面上获得蓝色背景，但是我如何才能在旗帜上制作黄金十字架？

Answer 1

这是一个尝试：little link。您可以在此处查看来源：another little link。但这可能并不完美！

CSS用于创建：

html, body {
    height: 100%;
    width: 100%;
}
body {
    background-color: blue;   
}
body:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 10%;
    top: 0px;
    left: 25%;
    margin-left: -5%;
    background-color: yellow;    
}
body:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10%;
    top: 50%;
    left: 0px;
    margin-top: -5%;
    background-color: yellow;  
}

我希望以任何方式提供帮助！

Answer 2

你必须这样做

.flag-background { position: relative; background: blue; width: 150px; height: 100px; }
.horiz-cross { width: 100%; height: 10px; background: yellow; position: absolute; top: 50px; }
.vert-cross { height: 100%; width: 10px; left: 50px; background: yellow;position: absolute}

<div class="flag-background">
<div class="horiz-cross"></div>
<div class="vert-cross"></div>
</div>

http://jsfiddle.net/chadpeppers/sYeTq/ 这是非常基本的，但它会让你开始

瑞典国旗 - 背景

2 个答案: