css設定:hrでボーダーの窪み(立体)を無くす方法

CSSでhrの設定。
久々に使ってみると、立体のくぼみが消せずに困った。
やってみると単純な設定だが、ここ数年使っていなかった。。また忘れるだろうので、、覚書。
ミソはborder:none;
 hr{
   border:none;
   width:90px;
   margin-bottom: 50px;
   border-top:9px dotted #006600;
 }

この記事が気に入ったら
いいね ! しよう

Twitter で

あわせて読みたい