2017.09.07 2023.06.22

CSS 特定の画像だけを操作する

KOSAERU WEB MEMO CSS

CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。

ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。

【例】こんなことできます (‘ω’)b

CSS 特定の画像だけにスタイルを適用する記述

img[src$="*******.gif"] {
    //ここスタイルを書く
}

img[src$="*******.gif"] {

//ここスタイルを書く

}

img[src$=jpg]{
    //ここスタイルを書く	
}

img[src$=jpg]{

//ここスタイルを書く

}

2021.01.24 2023.06.22

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

2018.02.11 2021.10.10

最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。方法は色々あるが、最近よく使っているのが『Drawer』。理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…

2016.02.23 2021.10.10

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

2016.05.17 2021.10.10

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

2016.05.16 2021.10.10

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

2021.02.09 2023.06.22

px 絶対指定 1pxは1ドット em 相対指定親要素のfont-sizeを基準 [crayon-674f362e35eb2467430158/] 変換表親要素のfont-sizeが16pxの場合 px em em 1…