デザイン事務所ダウンアンダー

タグ【css】

技術ノート

SVGアイコンを表示し、CSSで色を変える方法。

サイトロゴやリンクボタン等、アイコンをSVGで作成・配置する機会は多いと思います。 SVGはベクトルデータで、数式で表すこともできますが画像ファイルとして配布されているものも多数あります。一番馴染み深…

詳細を確認 →

    2023/10/27   技術ノート   , , , ,
技術ノート

align-items: center内の要素が改行されない問題の対処策。

実現したいのはこちらです。 リンク付きテキスト。 aタグをflexboxとし、背景を表示。 flexbox内で上下左右センターに表示。 アイコンはfontawesomeを使用して背景を設定。 phpコ…

詳細を確認 →

技術ノート

float要素の後のmargin-topが効かないことの対処。

floatを並べた後、clear : bothを設定したh2等でfloatをキャンセルすることがよくあります。 A、Bが並んでいます。Cにはclear : bothしてmargin-topが設定してあ…

詳細を確認 →

     技術ノート   , ,

css - デザイン事務所ダウンアンダー 東京都練馬区。Wordpressはおまかせ。ホームページ・印刷など販売促進のためのデザインを提案します。

Copyright©デザイン事務所ダウンアンダー,2014 All Rights Reserved.