CSS を使用して背景画像の繰り返し効果を実現する方法-CSSチュートリアル-php.cn

CSS を使用して背景画像の繰り返し効果を実現する方法

藏色散人

リリース： 2021-04-22 15:54:20

オリジナル

6912 人が閲覧しました

CSS を使用して背景画像の繰り返し効果を実現する方法: まず HTML サンプルファイルを作成し、基本的なコードを入力します。次に、それを「background-image: url(img/154e.png);background-」を通じて実装します。 repeat:repeat;" 属性背景画像は効果を繰り返します。

CSS を使用して背景画像の繰り返し効果を実現する方法

#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、HTML5&&CSS3 バージョン。

背景画像の繰り返しエフェクト、大手サイトなどで誰もが見たことがあるかと思います。見栄えの良い背景画像の繰り返し効果により、Web ページがより美しく、コンテンツが豊富になります。この効果は、CSS の背景関連のプロパティを通じて実現できます。

以下では、簡単なコード例を使用して、CSS で背景画像を繰り返す効果を紹介します。

コード例は次のとおりです:

<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
    <title></title>
    <style type="text/css">
        body{
            background-image: url(img/154e.png);
            background-repeat: repeat;
        }
    </style>

</head>
<body>
</body>
</html>

ログイン後にコピー

ここで使用する単一の画像は次のとおりです:

CSS を使用して背景画像の繰り返し効果を実現する方法