縞模様の作り方1
問題
空白の中に何色でもいいのですが、デモのように5本ずつ二色の線を引いてください。
自分の環境に書くコード
<div class="stripe"></div>
¥HTML¥
.stripe{
width: 200px;
height: 50px;
border: 2px solid black;
}
¥CSS¥
期待する画面
解答ソースコード
.stripe{
background: linear-gradient(#dddddd 50%,#aaaaaa 50%);
background-size:1px 10px;
}
¥CSS¥
完了にする!
解説