サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
インタビュー
web-saku.net
Webサイトのセクションの区切り等で背景色の切り替わりが水平ではなく斜めになっているようなデザインがありますよね。 今回は、このような斜めの背景をCSSで作るときに利用できる二つの方法について具体的な記述例と併せて紹介していきたいと思います。 今回紹介するのは下記の二つの方法です。 transformを利用する方法 clip-pathを利用する方法 transformを利用する方法 CSS のプロパティ transform は、与えられた要素を回転、拡大縮小、傾斜、移動することできます。 transform – CSS: カスケーディングスタイルシート | MDN rotateとskewの比較 下の図は、CSSで要素を変形させるtransformの中で斜めの背景を作るときに利用できるrotateとskewYとを比較した画像です。 黒い枠線と同じサイズの擬似要素に色をつけて、それぞれの方法で
サイトの一部分だけをWordPressで運用したり、既にある静的なhtmlサイトにWordPressでブログを追加したりするときの方法を紹介します。 静的htmlサイトの一部のページでWordPressを利用するときのファイル構成例 下の図のようなファイル構成の場合を例にして手順を紹介していきます。 WordPressは「wp」フォルダの中にインストールします。 また、サイトのURLは「https://sample.com/」とします。 静的htmlサイトの一部のページでWordPressを利用するときの手順 それでは、実際の手順を紹介していきます。 1.WordPressのインストール WordPressで利用するデータベースを準備して、「wp」フォルダにWordPressをインストールします。 2.サイトアドレス（URL）の設定 WordPressの管理画面メニューの「設定」→「一般」
このページを最初にブックマークしてみませんか？
『web-saku.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
