border styleをdoubleにする[CSS: 初心者向け]

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

前回、border styleをnoneで枠線を消す

を書いたので、今回は、

border styleをdouble

にするやり方をまとめておきます! 

border styleをdoubleにする

border styledoubleにすると、枠線が2本線になります。

では書き方を見ていきます。

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

■main.css

こんな感じで2本線になります。

1本線の例も確認しておきます。

まとめ

以上です!

  • border styledoubleにすると枠線が2重になる

他にもCSSやiOSなど面白い記事を書いているので参考にしてみてください〜〜!

参考:

・CSSで2重線を付ける方法と注意点

・【超簡単】もう悩まない!CSSのみで二重線をつける方法