CSS

2022年03月08日

Google mapとかYouTubeとかレスポンシブでも縦横の比率を保つ

Googleマップ[html title="HTML"]<section id=&・・・

2021年11月24日

リストの先頭を揃えたまま左右中央寄せ

[html title="HTML"]<section class="sampl・・・

2021年10月19日

個人的paddingの共通設定

左右にpaddingを加える共通設定最大幅1940pxとして左右にメディアクエリーごとのpadd・・・

2021年09月03日

counterを利用して自動で番号を付与

[css title="CSS"]section { counter-reset: numb・・・

2021年07月16日

ボックスデザイン

枠の途中にタイトルあり[html title="HTML"]<section>・・・

2021年07月02日

ul ol 以外の、pやh1などをリスト化する方法

デフォルトでlist-styleが有効になるのは、ul と ol のみ。pタグやhタグにli・・・

2021年06月24日

dl dt dd を使用した表組み(レスポンシブ対応)

dl dt ddを使用したテーブル風表組みの作り方 HTMLの基本形・・・

2021年06月18日

Flexboxのjustify-contentで最後の行を左寄せにする方法

基本のレイアウト[html title="HTML"]<section class・・・

2021年06月18日

テキスト下線を波線にする方法

注目して欲しいテキスト部分の下線部を波線にする方法です。クラスをPタグでもSPANでもどちらにつ・・・

2021年05月21日

特定の文言を含むセレクタ、及びその位置で対象を絞り込み指定

セレクタ名の前方一致[css title="CSS"][class^="ico・・・