cssで横幅指定時にpadding指定をするとはみ出る現象に対処。
ホームページを作る際にまず最初に覚えるべき基本的なこととして、マージン（間隔）とパディング（余白）があります。 これを間 ...
liタグの黒丸の色だけを変えてみた
ul、liタグはweb制作業者であれば、よく利用するタグではないでしょうか?親子関係になっているタグでもあるため、包括し ...
display: flexで、高さを統一しているときに、特定要素のみ高さをフリーにする
ホームページ制作をしていると、2列構成や3列構成にすることもしばしばあります。以前ならfloat指定でカラムを構成してい ...
スタイルシートで文字を「斜体」にしようとしてはまる
HTMLでホームページを制作する場合、スタイルシートは欠かせません。今や装飾はほとんどスタイルシートでできます。 そんな ...
英文を両端ぞろえにする
ホームページの文章を見栄えよくする方法として、両端ぞろえという方法があります。文章の右側が、改行位置でそろっていると、見 ...
背景画像を画面中央+300pxにする。
背景画像はスタイルシートの指定で、左寄せ、中央寄せ、右寄せ、上寄せ、下寄せがあります。ですが、今回次のようなことをする必 ...
CSSの:before :afterでz-indexがうまく機能しない現象に対処
最近はHTMLのコーディング作業での装飾にスタイルシートを使うことが多くなりました。以前は画像を使って背景に当てていまし ...
スタイルシートだけで サイド部分をスクロール固定する。
ホームページは、2列構成になるケースがあります。メインカラムと、サイドカラムです。 たいていメインカラムのほうが縦に長く ...
css だけで文字を回転させる
ホームページ屋にとって、スタイルシートを極めることはとても重要です。なぜならば、レスポンシブに対応するためにはHTMLコ ...
CSSだけでリンクを無効にしてみた
ホームページが一般的になって最も有効に使われたタグがあります。それは「リンクタグ」です。 他のページへジャンプするだけの ...
fixedで指定したCSSを縦横中央寄席にしてみた
スタイルシートで、縦横中央寄席はよくありますが、いざ設定してみようとするとなかなかうまくいきません。 横中央揃えならとも ...
cssでmax-width min-widthの値をリセットする
ホームページのレスポンシブ化（画面サイズ自動可変表示）が一般的になり、スタイルシートの設計も複雑化してきました。 例えば ...
CSSで複数テキスト行を縦中央揃えにした。
CSSで正方形を作り、縦横中央揃えでテキストを入れることがしばしばあります。 横揃えは標準のスタイルシートで簡単にできま ...
CSSでoverflow: scroll指定時に、横スクロールを無しにする
お知らせなど同じようなフォーマットが連続して縦に続く場合、iframeで埋め込み縦スクロールにするほうが見やすかったりし ...
CSSで割り切れない値を横幅指定する方法
ホームページを組む場合に、横4列構成でレイアウトするケースがあります。例えば商品情報などです。 少量の情報一覧であれば、 ...
CSSで画像と文字を横並び縦中央に揃える
webデザインでレスポンシブが一般化してからは、スマホでの縮尺変化による見にくさ、高速化の観点から「デザイン画像」が使 ...
右下配置のCSS 背景画像に余白をつける
CSS背景に画像を指定することはよくあることです。背景指定方法には、縦位置、横位置の指定があり、左上、右下などに配置でき ...
CSSで複数枚背景画像を設定しさらに背景色も加える。
ホームページ制作で、背景画像を使用することはよくあります。またホームページ制作入門でもどちらかといえば初級のテクニックだ ...
tableタグが角丸にならない問題に対処～意外なcssが原因でした～
テーブルタグに線を引くことは、HTMLやCSSで日常的に行う操作になります。今回、テーブルタグを「角丸」にしようと思った ...
ホームページ軽量化の方法
前回は、ホームページの軽量化が必要になっているお話をいたしました。 今回は、ホームページの軽量化方法についてお話いたしま ...
重いホームページと軽いホームページ
最近の検索サイトは、様々な項目を総合的に判断し、検索順位を決定しているといわれています。 具体的にどの項目を判断している ...