Home
CSSでテーブルのセルの幅を均等にする方法。
table-layout:fixed; を利用する。
|
1 2 3 4 |
table { width: 100%; table-layout: fixed; } |
CSS テーブルの列幅を均等にする
関連するタグの記事
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
CSS 特定の画像だけを操作する
ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSSのfont-familyで割と綺麗な明朝体を指定することがでけた！
これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-699fafbd0872635…
CSS テキストシャドウで文字を縁取る
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合
HP・LP制作でいつか使うかもしれないCSSネタ
CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
関連するカテゴリの記事
WordPress 条件分岐｜wp_is_mobile()でPCとスマホで表示内容を変更
CSSイジってブレイクポイントで表示非表示を調整することはできるんだけども、この条件分岐も覚えておくと便利な時があります。 例えば、PCとスマホで大きくデザインを変えたい時なんかに使っています。 ▼スマホとPCで異なるものを表示したい場合 [crayon-699fa…
WordPress サイドバーのタイトルタグをH2からH3に一発で変更する方法
▼functions.phpに以下を記述するだけ if ( function_exists('register_sidebar') ) { register_sidebar(array( 'id' => 'sidebar-1', 'before_widget' =&…
WordPress アイキャッチ画像がない場合に代替画像を表示させる方法
テーマファイルのimagesディレクトリに任意の画像をアップロードして、以下のコードを書く。 ソースコード [crayon-699fafbd0a971708931259/]
CSSだけで結構使えるシンプルアイコンが書けるサイト
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
WordPressがハッキングされ管理画面が「403 Forbidden」エラーでログインできなくなった時にやったこと
2021年1月28日、クライアントのディレクターから「サイトがハッキングされました。見てもらえませんか？」と連絡を受けました。 そもそも僕がWordPressでサイト制作をしていたためだ。 ME 今回はこの件を解決したので、後学のための覚書として記録…
WordPress プラグインを使用しないでページビューランキングを表示を表示
ME 記事詳細ページの閲覧回数をデータベースにカウントして、それを表示させる方法をご紹介！ １．functions.phpに以下のコードを書く [crayon-699fafbd0ab2c960728246/] ２．表示させたい場所に以下のコ…
