梦之都
CSS教程
,
background-repeat
示例,no-repeat不重复的背景(页面左上角),我是通过橙色点定义了html元素的背景图片的.
梦之都 CSS 教程,repeat-y竖着重复的背景(div的右侧).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS background-repeat 属性示例</title> <style type="text/css" media="all"> body { background-image:url('/images/list-orange.png'); background-repeat:no-repeat; } p { background-image:url('/images/list-orange.png'); background-repeat:repeat-y; background-position:right; top:200px;left:200px; width:300px;height:300px; border:1px solid black; } </style> </head> <body> <div>梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<strong><a href="http://www.dreamdu.com/css/property_background_repeat/">background-repeat</a></strong>示例,no-repeat不重复的背景(页面左上角),我是通过橙色点定义了html元素的背景图片的.</div> <p>梦之都 CSS 教程,repeat-y竖着重复的背景(div的右侧).</p> </body> </html>