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

by itami · 公開済み 2017年8月14日 · 更新済み 2017年8月14日

CSSでhrの設定。

久々に使ってみると、立体のくぼみが消せずに困った。

やってみると単純な設定だが、ここ数年使っていなかった。。また忘れるだろうので、、覚書。

ミソはborder:none;

 hr{
   border:none;
   width:90px;
   margin-bottom: 50px;
   border-top:9px dotted #006600;
 }