HTML&CSS

HTML&CSS

HTMLテンプレ例

HTMLテンプレ例 こんにちは。今日は「HTMLテンプレ例」をメモがてら書きます!実は弊社のテンプレなのですが、いつもこのテンプレをベースに、臨機応変に組み換えたりもしてHTMLを組んでいます^^ では息抜きがてらにみていって下さい...
HTML&CSS

画像の高さを指定して幅を成り行きにする場合の注意点

画像の高さを指定して幅を成り行きにする場合の注意点 こんにちは。今日は画像を配置する際の注意点について書きます。 通常画像を配置する時、幅(width)を指定して配置することが多いと思います。(高さは成り行きで) 今回の「画像...
HTML&CSS

【text-indent】文章の2行目以降をインデントする方法02

【text-indent】文章の2行目以降をインデントする方法02 こんにちは。今日はインデントについて書こうと思います。ちなみに、以前も同じ内容を書いたのですが今日はさらに応用といった内容になっています。 ちなみに応用部分とは、イ...
HTML&CSS

【transform】画像などを左右対象で反転させる方法

【transform】画像などを左右対象で反転させる方法 こんにちは。今日は「画像などを左右対象で反転させる方法」について書きます! どういう意味かというと、このタイトル画像で説明します↓ 両端についている線は画像なの...
HTML&CSS

Flexを使ったリストの横並びレイアウト

Flexを使ったリストの横並びレイアウト こんにちは。今日は初心者の方向けに「Flexを使ったリストの横並びレイアウト」について書こうと思います。 横並びレイアウトは色々方法がありますが、リストの数が増えた時もレイアウトが崩れないよ...
HTML&CSS

画像の片側だけ画面幅いっぱいにする方法02

画像の片側だけ画面幅いっぱいにする方法02 こんにちは。以前も同じ記事を書いたのですが、今回は計算式が違うバージョンも載せておこうと思います! 前回はテキスト部分と画像部分の幅が50%と、等倍の場合に使えるcalcの計算式を載せまし...
タイトルとURLをコピーしました