「 ホームページ作成 」 一覧

cssで中央配置アイキャッチ画像

cssで縦横(上下左右)中央にテキストを配置|レスポンシブに対応する2つの方法

2018/05/18   -CSS, ホームページ作成

  横方向の「左右中央」は margin: auto や text-align: center がうまく効いてくれる場面が多いと思います。 ところが縦方向の「上下中央」になると、配置指定が難 …

cssのmargin|上下や親子でマージンが効かない…それはマージンの相殺かもね!

2018/05/15   -CSS, ホームページ作成

  「マージン」って名前の通りで分っかりやすーい!って思っていたのは昔のこと。いつになっても「あれっ、マージン効かないぞー」って悩むことがあります。   そんな奥深い?マージンです …

columnsプロパティのアイキャッチ

cssのcolumns|ボックス内の文章を任意のカラム数に自動で段組みする方法

2018/04/16   -CSS, ホームページ作成

  カラムといえば、「メインコンテンツ」と「サイドバー」など、大きなボックス要素が思い起こされますが、ここで扱うカラムは、1つのボックスの中でテキストなどを折り返す「段組み」のことです。 & …

縦書きの解説アイキャッチ

htmlとcssで縦書き|自動で段組みし横スクロールを発生させないレイアウト

2018/04/12   -CSS, ホームページ作成

  ウェブ上で縦書きの文字を見かけると、新鮮というか、目を引くというか、ちょっと印象に残ります。 「あっ いいな」って感じで。   こんなの (ちょっと違う?)  サイトメニュー …

ボックスシャドウ・ドロップシャドウ比較アイキャッチ

cssで影をつくる|box-shadow・drop-shadowの使い方と使い分け

2018/04/10   -CSS, ホームページ作成

  cssで影をおとす「box-shadow」や「filter:drop-shadow」は、何とな~く分かるかな?!くらいの感じでこれまで使ってましたが、影のでき方を色々と試してみる機会があ …