2016.05.16 2021.10.10

CSS テーブルの列幅を均等にする

CSSでテーブルのセルの幅を均等にする方法。
table-layout:fixed; を利用する。

table {
width: 100%;
table-layout: fixed;
}

table {

width: 100%;

table-layout: fixed;

}

2017.09.07 2023.06.22

ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。【例】こんなことできます ('ω')b 特定のGIF画像…

2016.05.17 2021.10.10

これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ [crayon-67ee5db59de7693…

2016.02.23 2021.10.10

このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…

2016.02.29 2021.10.10

省略可能なテキストを省略して「・・・」を表示させます。デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-67ee5db59df40889050309/] ▼例：以下のようなことがでけました。 …

2015.12.11 2021.10.10

text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合

2021.01.24 2023.06.22

GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…