要素の border にぼかしを入れたいときはどうすればいいですか?

CSSでは border 自体にぼかしをいれるのは難しく、その領域自体に影をつけることでそのような効果をつける、という方法になります。
2023年5月10日
ユーザー

先生へ
要素の border にぼかしを入れたいときについて教えてください。
border-bottom を一括指定して
border-bottom :2px solid #777;
のようにする場合がありますが、
ぼかしをいれたいときは一括指定はしないでそれぞれ指定するのでしょうか?
私が考えたのは

border-bottom-width:2px;
box-shadow: 0 0 8px gray ; 

なのですが、
ぼかすときは
border-style を指定しなくてもいいのでしょうか?

回答お願いします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?