としてのCSSの三角形を配置したいです。しかし、背景イメージを使っても、私はそれをどのように構築するのか分からないでしょう。私はウェブを検索しましたが、必要なヘルプが見つかりませんでした。は、私は次のようなレイアウトを構築したい背景
レイアウトには、テキストを含むdivが含まれています。背景色は明るい灰色です。次に、私は絵に示されているように、より暗い三角の背景を追加するのが大好きです。これは反応的なレイアウトとしても機能するはずです。
# html
<div class="wrapper">
<h1>Das ist ein test</h1>
<h2>subheadline</h2>
</div>
#css
.wrapper {
padding-top: 100px;
text-align: center;
width: 100%;
background-color: #4d4d4d;
height: 400px;
color: #fff;
position: relative;
}
.wrapper:before{
height: 50%;
width:100%;
position:relative;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
content:'';
display:block;
position:absolute;
top: 0;
background-color: #3d3d3d;
}
しかし、これは動作しませんし、私は自分でそれを把握することはできません。私が試した何
。
ありがとうございました!
ありがとうございます! **この**は私が必要とするものです! – DannielR
あなたを助けてくれてうれしい – vals