当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【サンプルデモ】background-position - Webデザインラボ

【サンプルデモ】background-position

CSSで背景画像の位置を設定しています。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed nulla porttitor justo tempus aliquet non non sem. Morbi dictum risus at ipsum blandit, ac dictum justo iaculis. Quisque dictum metus in ligula facilisis, ut ornare nisl ullamcorper. Integer iaculis, quam blandit consequat commodo, leo mi ultrices quam, ut lacinia odio felis eget est. Nam massa purus, accumsan ac nulla vel, maximus commodo augue. Quisque lobortis in arcu non pharetra. Curabitur at libero ac enim sodales tempor vel ac neque. Nulla nulla sem, porttitor in molestie ac, pharetra ac lectus. Praesent vestibulum risus ut dui pellentesque laoreet. Aliquam erat volutpat. Pellentesque a auctor ipsum.

Nam eget erat varius, feugiat nisi quis, sollicitudin ligula. Aenean et consequat ipsum. Fusce eu pulvinar nulla. Proin ut augue sit amet orci cursus ornare. Nunc ante est, venenatis ac molestie eget, auctor dignissim libero. Integer vehicula scelerisque mattis. Praesent mollis consequat libero, eu faucibus ipsum scelerisque et. Etiam posuere sem turpis. Aenean non est quam.

In hac habitasse platea dictumst. Praesent luctus, libero eget blandit sodales, magna mauris aliquet lacus, sed placerat lectus turpis nec lectus. Vivamus faucibus nec lectus eu pellentesque. Maecenas et pulvinar justo. Vestibulum justo ex, pharetra quis aliquam et, ultricies pulvinar tortor. Mauris mollis consectetur mauris consequat tempor. Ut quis posuere elit. Fusce sapien diam, sollicitudin vitae eros a, facilisis pulvinar felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras suscipit consequat ante, sed maximus eros hendrerit eu. Nunc ante nulla, ullamcorper in nunc a, imperdiet mattis velit. Donec imperdiet, magna eu euismod venenatis, elit turpis volutpat justo, et elementum sapien velit eu tortor. Phasellus ultrices diam vel libero egestas, non pretium enim fringilla. Sed id nibh non mauris luctus lobortis eu ut ligula. Integer venenatis at magna nec cursus.

Nulla sed placerat orci. Sed eget erat eu diam facilisis iaculis. Suspendisse et semper massa. Cras lobortis commodo ultrices. Donec commodo elit a posuere tempor. Praesent auctor condimentum nisl, sit amet sollicitudin purus lacinia at. Aliquam erat volutpat. Cras sit amet ante sit amet odio euismod ultricies. Nullam cursus at nisl ac bibendum. Curabitur facilisis ut mauris eget fringilla. Aliquam pharetra quis arcu et venenatis. Sed sit amet mauris nibh. Integer fringilla consectetur est sed eleifend. Morbi scelerisque nibh vel dolor condimentum lobortis. Sed et sem pellentesque, volutpat tortor ut, volutpat lacus. Maecenas egestas consectetur est, et porttitor urna finibus a.

Praesent aliquet erat vitae nisl fermentum molestie. Cras odio ante, lacinia euismod dignissim aliquam, auctor eu ex. Sed nisi urna, ornare nec consequat eget, vulputate ut orci. Nullam sed dapibus est, non auctor nunc. Vivamus placerat congue est. Duis scelerisque dignissim dapibus. Suspendisse placerat lacus quis orci pulvinar condimentum tempus at mi.