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

by · 公開済み · 更新済み

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

おすすめ