border styleをridgeにしてみる

こんにちは! CSSで学んだことをまとめています!

前回、border styleをgrooveにする

を書いたので、今回は、

 border styleをgrooveにする 

やり方をまとめておきます。

過去に書いたborder styleの記事も併せて参考にしてみてください。

border styleをridgeにしてみる

■index.html(ボタンが1つ)

■main.css

以下のようになります。

以上です!

他のborder styleと比較するとより理解が深まります。以下を参考にしてみてください。

solid

double

groove

inset

outset

dashed

dotted

まとめ

以上です!

本ブログでは他にも、CSSなど記事を書いているので参考にしてみてくださいね!