-Bg02-
-HTML-
<body> <div id="wrap"> <h1>左右に背景ラインを</h1> </div> </body>
-CSS-
* { margin: 0; padding: 0; } #wrap { width: 100%; height: 100vh; background-image: url(images/IMGDATA02/line100-200.jpg),url(images/IMGDATA02/line200-100.jpg); background-repeat: repeat-y,repeat-y; background-position: left top,right top; background-size: 20px,40px; } h1 { margin: 0 0 0 10%; }