![](https://office-obata.com/report/wp-content/uploads/2024/04/top-7-300x300.jpg)
スタイルシートだけで サイド部分をスクロール固定する。
ホームページは、2列構成になるケースがあります。メインカラムと、サイドカラムです。 たいていメインカラムのほうが縦に長く ...
![](https://office-obata.com/report/wp-content/uploads/2023/05/top-300x300.jpg)
css だけで文字を回転させる
ホームページ屋にとって、スタイルシートを極めることはとても重要です。なぜならば、レスポンシブに対応するためにはHTMLコ ...
![](https://office-obata.com/report/wp-content/uploads/2022/11/top-300x300.jpg)
CSSだけでリンクを無効にしてみた
ホームページが一般的になって最も有効に使われたタグがあります。それは「リンクタグ」です。 他のページへジャンプするだけの ...
![](https://office-obata.com/report/wp-content/uploads/2022/04/top-3-300x300.jpg)
fixedで指定したCSSを縦横中央寄席にしてみた
スタイルシートで、縦横中央寄席はよくありますが、いざ設定してみようとするとなかなかうまくいきません。 横中央揃えならとも ...
![](https://office-obata.com/report/wp-content/uploads/2022/05/top-2-300x300.jpg)
cssでmax-width min-widthの値をリセットする
ホームページのレスポンシブ化(画面サイズ自動可変表示)が一般的になり、スタイルシートの設計も複雑化してきました。 例えば ...
![](https://office-obata.com/report/wp-content/uploads/2022/05/top-300x300.jpg)
CSSで複数テキスト行を縦中央揃えにした。
CSSで正方形を作り、縦横中央揃えでテキストを入れることがしばしばあります。 横揃えは標準のスタイルシートで簡単にできま ...
![](https://office-obata.com/report/wp-content/uploads/2022/02/top-7-300x300.jpg)
CSSでoverflow: scroll指定時に、横スクロールを無しにする
お知らせなど同じようなフォーマットが連続して縦に続く場合、iframeで埋め込み縦スクロールにするほうが見やすかったりし ...
![](https://office-obata.com/report/wp-content/uploads/2021/06/top-300x300.jpg)
CSSで割り切れない値を横幅指定する方法
ホームページを組む場合に、横4列構成でレイアウトするケースがあります。例えば商品情報などです。 少量の情報一覧であれば、 ...
![](https://office-obata.com/report/wp-content/uploads/2021/04/top-3-300x300.jpg)
CSSで画像と文字を横並び縦中央に揃える
webデザインでレスポンシブが一般化してからは、スマホでの縮尺変化による見にくさ、高速化の観点から「デザイン画像」が使 ...
![](https://office-obata.com/report/wp-content/uploads/2021/02/top-300x300.jpg)
右下配置のCSS 背景画像に余白をつける
CSS背景に画像を指定することはよくあることです。背景指定方法には、縦位置、横位置の指定があり、左上、右下などに配置でき ...
![](https://office-obata.com/report/wp-content/uploads/2020/04/top-4-300x300.jpg)
CSSで複数枚背景画像を設定しさらに背景色も加える。
ホームページ制作で、背景画像を使用することはよくあります。またホームページ制作入門でもどちらかといえば初級のテクニックだ ...
![](https://office-obata.com/report/wp-content/uploads/2019/10/kuchikomi670-300x300.jpg)
tableタグが角丸にならない問題に対処~意外なcssが原因でした~
テーブルタグに線を引くことは、HTMLやCSSで日常的に行う操作になります。今回、テーブルタグを「角丸」にしようと思った ...
![](https://office-obata.com/report/wp-content/uploads/2018/03/NIS_N700kei_TP_V4-300x300.jpg)
ホームページ軽量化の方法
前回は、ホームページの軽量化が必要になっているお話をいたしました。 今回は、ホームページの軽量化方法についてお話いたしま ...
![](https://office-obata.com/report/wp-content/uploads/2018/03/a0002_008417-300x300.jpg)
重いホームページと軽いホームページ
最近の検索サイトは、様々な項目を総合的に判断し、検索順位を決定しているといわれています。 具体的にどの項目を判断している ...