border-style solid 1pxのボタンのサンプルコード

CSS

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

今回の記事では、border-styleの基本的な使い方のsolidのサンプルコードをまとめておきます。

border styleについては他にも記事を書いているので併せて参考にしてみてください。

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

border-style solid 1pxのボタンを作る

■HTMLファイル(index.html)

※ボタンが1つあるHTMLファイル

■CSSファイル(main.css)

こんな感じになります。

まとめ

以上です!

非常にシンプルですが、簡単にまとめてみました。

本ブログでは他にもCSSに関する記事を書いているので参考にしてみてください〜!