CSS backgroundで背景画像を指定するサンプル

2022年11月4日

環境
Google Chrome　106.0.5249.119
Windows 10 Home 64bit

構文
セレクタ::after{
background:url(“画像のパス名") no-repeat
}
background:urlで画像の場所を指定します。
no-repeatがない場合画像は繰り返しで表示されます。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
  .cft::after {
    content: "test";
    color: red;
    background:url("./img/logo.png") no-repeat;
  }
</style>
</head>
<body>
 <p class="cft">テスト</p>
</body>
</html>

CSS

Posted by arkgame