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

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

<style>
 　　 div {
   　　　　width: 200px;
 　　 　　 height: 100px;
   　　　　padding: 60px;
   　　　　margin: 30px;
  　　　　 background:linear-gradient(red, orange, yellow, green, blue, indigo, violet);
  　　　　 border:2px solid black;
  　　　　 font-size:50px;
 　　　　  font-width:bold;
 　　　 }
 </style>

これはCSS3ならではなんでしょうね。

<div style="background-color: border:2px solid black; background: linear-gradient(red, orange, yellow, green, blue, indigo, violet); height: 100px; margin: 30px; padding: 60px; width: 200px;"font-size:50px; font-width:bold;>
<b>みばえ</b></div>

みばえ