【css】疑似クラス：before、：afterでbackgroundの大きさを変える方法
2016年1月18日擬似クラス :before、:afterに「content:url();」と入れて背景を指定することがあるが、
そのやり方だとwidth、heightを変えることができずに困ったことがありました、、、
しかし背景サイズを変えたい時には、次のやり方だと解決！
例）
|
1 2 3 4 5 6 7 |
p:before{ content:""; width:100px; height:100px; background:url(); background-size:●em; } |
「content:””;」のように空にし、widthとheightを指定するとcontentの背景としてbackgroundを入れることができる
そうすればbackground-sizeでサイズ調整もできる！
色んな方法があるんだな〜
参考サイト：
http://tenman.info/labo/css/?p=401
関連記事
2017年4月19日 超便利！ img要素を表示領域（枠内）で上下左右に中央表示させる方法
2016年12月8日 IE7・8も簡単に対応！ IEのバージョンごとに cssを適用させるhtml・cssハック
2016年12月10日 Safariで崩れる！？ floatを使わずdisplay:inline-blockで横並びにする方法- 2019年1月30日 【css】文字（テキスト）にborderをつけるように縁取りをする方法
2016年12月12日 便利 ！ 使われていないCSSの記述を見つけ出す方法（Google chrome使用）
