ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV に関連する CSS の問題background_html/css_WEB-ITnose

DIV に関連する CSS の問題background_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:23:331108ブラウズ

CSS 画像 URL

今日、プロジェクトに取り組んでいたときに、ページのラッパー div の
CSS コードが次のとおりであることを発見しました
#wrapper
{
width:990px​​;
margin:0 auto; :0
background:url(bgline.jpg )repeat-y;
}
以下のように横方向の直線です

-------- ---------------------------------------------------- ---------------(bgline.jpg )

私の理解では、repeat-y はこの絵を縦方向に繰り返すことになっているのではないでしょうか?それと同じ効果ではないでしょうか? ?
----------------------------------------------- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ---- --------------------------------------
----- ---------------------------------------------------- ---- ----------
----------------------------------- ---------- -----------------------------
----------- ---------------------------------------------------- -------
-------------------------------------- -------- --------------------

しかし、その効果は、ラッピング div (id=wrapper) の 2 本の垂直線が、 990PXの幅は縦線が2本になってしまって、どうやって渡るのかわかりにくいです。 ? ?ご回答ありがとうございました~~





ディスカッションへの返信(解決策)

yは縦軸です、もちろん縦です、repeat-xにする必要があります

yは縦軸ですもちろん垂直ですので、repeat-x にする必要があります

でも、私の写真は X 軸に平行な直線なので、REPEAT-Y はこのようにすべきではないでしょうか?

----------------------------------------------- はい-軸リピート
------- ---------------------------------- ↓
---- ------------- ---------------------

y は縦軸です、もちろん縦です、それは、repeat-x である必要があります

しかし、私の画像は単なる線と X 平行な軸を持つ直線です、REPEAT-Y はこのようにすべきではないでしょうか?
----------------------------------------------- はい-軸リピート
------- ---------------------------------- ↓
---- ------------- ---------------------

repeat-y は、y に沿って繰り返すのではなく、y に平行に繰り返すことを意味します-axis

1階が右です。

横軸はrepeat-x、縦軸はrepeat-yです。背景画像を提供するのは難しいと思います。この考えに従ってください

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。