ターゲットバトル


おい、皆さん.
この記事はTarget#2
CSSBattle

最初のアプローチでは、必要な結果を生成するために線形勾配を使用することができます.
<style>
  *{background:#62374e}
body{margin:50;
background:linear-gradient(
  to right,
  #fdc57b00 50px,#62374e 50px,
  #62374e 250px,#fdc57b00 250px),
linear-gradient(
  to bottom,
  #fdc57b 50px,#62374e 50px,
  #62374e 150px,#fdc57b 150px)
これは、空白を除去した後に220文字まで縮みます.
あなたが線形勾配についてもっと知りたいならば、あなたは に言及することができます
MDN over here.
次のアプローチは以下の通りです
<p></p>
<p id="a">
</p><p style="right:0">
</p><p style="bottom:0"></p>
<style> 
*{margin:0;background:#62374e}
#a{right:0;bottom:0} 
p{margin:50;
width:50;height:50;
background:#fdc57b;
position:fixed
これは、私の最短の解決は192文字に凝縮した.
コードは非常に自己説明です.
一番上の解決策は69文字でしたが、そのような少量のコードでどうやってそれができるのだろうか.
同じことをするあなたの方法をコメントしてください.
滞在は、毎日の更新CScBeginning上のすべての課題については調整.

接続したいですか?