画像の内側に枠線を作る方法を公開します。
コードはシンプルで下の通り。
画像はbackground-imageで背景として表示しています。
その中にdivを使ってborderを指定して枠線を作ってます。
positionだけで位置を決めると、レスポンシブで崩れてしまうので、calcを使って調整。
calcの使い方はコードを見てもらえばわかりますが、width、heightを100%からずらしたいpx分を引いています。
こんな感じで作っちゃえば、画面幅を狭めても崩れることがないのでおすすめ。
以上です。
プログラミング難しすぎて泣けてきますね。
全くの独学で勉強するとか正直きついので、オンラインのプログラミングスクールなんかで効率良く勉強するのもいいかもです。
【TechAcademy】
【WebCamp】
▼プログラミング2ヶ月で10万稼いだノウハウを大公開しています。
この記事を実践することで誰でも稼げる内容です。
[kanren postid=”960″]