css - スウェーデンの旗-背景

Question

私はCSSを初めて使用します。私のウェブページの背景をスウェーデンの旗にしたいと思います。外に出て画像をインポートすることもできますが、練習のために自分でコーディングしたかったのです。ページに青い背景を表示することはできますが、旗に金色の十字架を付けるにはどうすればよいですか？

Answer 1

これが試してみます：小さなリンク。ここでソースを表示できます：別の小さなリンク。ただし、これは完璧ではないかもしれません。

それを作成するために使用される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/ これは非常に基本的なことですが、始めることができます