ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS を使用して背景画像の繰り返し効果を実現する方法
CSS を使用して背景画像の繰り返し効果を実現する方法
- 藏色散人オリジナル
- 2018-11-30 17:36:126967ブラウズ
CSS を使用して背景画像の繰り返し効果を実現する方法: まず HTML サンプル ファイルを作成し、基本的なコードを入力します。次に、それを「background-image: url(img/154e.png);background-」を通じて実装します。 repeat:repeat;" 属性 背景画像は効果を繰り返します。
以下では、簡単なコード例を使用して、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>ここで使用する単一の画像は次のとおりです:
#background-imageattribute
Yes 要素の背景画像を設定します。要素の背景は、パディングと境界線を含む要素のサイズ全体を占めますが、マージンは含みません。background-repeat 属性
背景画像を繰り返すかどうか、どのように繰り返すかを設定します。注: デフォルトでは、背景画像は要素の左上隅に配置され、水平方向と垂直方向に繰り返されます。
お勧めの参考文献: 「CSS チュートリアル
」この記事は、背景画像の繰り返しの効果を実現するための CSS の導入についてのものです。これも非常に簡単だと思います。それは助けを必要とする友人にとって役立ちます。
以上がCSS を使用して背景画像の繰り返し効果を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。