「CSS」背景画像と背景色を指定するサンプル

2022年6月7日

書式
背景画像を指定
background:url('画像パス’);
background-color:色
CSS の background-color プロパティは、要素の背景色を設定します。
background-repeat は CSS のプロパティで、背景画像をどのように繰り返すかを設定します。

使用例

<html lang="ja">
<head>
<meta charset="utf-8">
<title>背景色と背景画像のサンプル</title>
<style>
.cft{
  background:url('image.png');
  background-repeat:no-repeat;
  background-position:2px 40%;
  background-color:yellow;
  border:2px solid #808080;
  padding-left:10px;
}
</style>
</head>
<body>
  <div class="cft">test data</div>
</body>
</html>

CSS

Posted by arkgame