「CSS」背景画像と背景色を指定するサンプル
書式
背景画像を指定
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>
<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>
<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>