みなさんこんにちは！おさかなです！
今回は「CSS background patterns」について、書いていこうと思います！
それでは、レッツゴー！！！！！
想定読者
・模様パターンを探している方
・背景デザインを探している方
・CSSを学習中の方
・模様パターンを探している方
・背景デザインを探している方
・CSSを学習中の方
いい感じの「模様」を使いたい！
おさかな
なんかこう…同じ柄が繰り返されるみたいな…そういう模様を…なんて言うんだっけ？
ナビまる
「幾何学模様」みたいなやつ？
おさかな
そう！それそれ！
【HTML/CSS】「CSS」だけで画像を表示する方法とは？【プログラミング】
みなさんこんにちは！おさかなです！
今回は「「CSS」だけで画像を表示する方法」について、書いていこうと思います！
それでは、レッツゴー！！！！！
想定読者
・HTML/CSSを学習中の人
・画像の配置方法を<img...
osakanav.com
2020.04.23
「CSS background patterns」って何？
「CSS background patterns」とは、色々な「模様パターン」がまとめられているサイトのことです。CSSで作成されているので、Webサイトの「背景」に使用でき、カスタマイズすることもできます！(いいね！)
CSS pattern backgrounds by Super designer
A collection of 100+ CSS background patterns for free. Simple copy-paste backgrounds in created using pure CSS
superdesigner.co
【CSS】いい感じの「破線」が作れちゃう？！【Dashed Border Generator】とは？
みなさんこんにちは！おさかなです！今回は「Dashed Border Generator」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・破線を作成したい方・デザインをチェックしながら、破...
osakanav.com
2021.11.20
実際につかってみよう！
模様を探そう！
それでは早速サイトにアクセスします！
スクロールしてみると…？
色々な模様パターンを見ることができます！(風呂敷になりそう…笑)
気になる模様はクリックすると、実際に背景として表示されます！(おお！)
右側のパネルから、
カラー
背景カラー
サイズ
透明度
の4項目をカスタマイズできます！(ふむふむ…。)
カスタマイズが完了したら「Copy CSS」を押して、コードをコピーしましょう！(ポチッと)
(あともう少し…🚩)
CSSコードを貼り付けよう！
今回はコピーしたCSSコードをエディタに貼り付けていきたいと思います！(おー！)
↓CSSがよくわからないという方はこちら
今回は「.html」ファイルの中に<style>タグを書いて、その中にコードを貼り付けています。
※*で全体に指定。
ここが貼り付けたコードです！
表示をチェックしてみると…？
いい感じで背景が実装されました〜！(やった〜🌻)
他のパターンも素敵です…！(きれい！)
おさかな
色々な模様を試しちゃおう〜！
これで全ての操作は完了です。(やった～！)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました！
プログラムをきれいに見せる「コード映え」画像が作れちゃう？！【Ray.so】とは？
みなさんこんにちは！おさかなです！今回は「Ray.so」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・プログラムを書いている方・人に見せるための、コード画像がほしい方・コードをきれいに見...
osakanav.com
2021.11.14
