online Editor
background-repeat | Background - CSSリファレンス
background-repeatのspaceとround - CSS3で新たに追加されたbackground-repeatプロパティのspaceとroundのサンプルです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Sample</title> <style> div{ width:350px; height:350px; margin:100px auto; background-image:url(http://www.webcreativepark.net/sample/images/100x100.gif); } #repeat{ background-repeat:repeat; } #space{ background-repeat:space; } #round{ background-repeat:round; } </style> </head> <body> <div id="repeat">repeat</div> <div id="space">space</div> <div id="round">round</div> </body> </html>
HTMLを反映する >>
タグ:
background-repeat
CSS
CSS3
Web Creative Park