#09 円形グラデーションをつけてみよう

#09 円形グラデーションをつけてみよう

CSS

<style>
 　　 div {
   　　　　width: 200px;
 　　 　　 height: 100px;
   　　　　padding: 30px;
   　　　　margin: 30px;
　　　　　background: radial-gradient(yellow, green);
  　　　　 border:2px solid black;
  　　　　 font-size:36px;
 　　　　  font-width:bold;
 　　　 }
 </style>

%とか10pxとかcircleとか楕円とかいろいろ入れこみもできるという。

HTML　（Bioggerでは自動的にプロパティの順番が変更されるらしい？）

<div style="background-color: border:2px solid black; background: radial-gradient(yellow, green); height: 100px; margin: 30px; padding: 30px; width: 200px;">
<b>みばえ</b></div>

みばえ